我想使用 angularjs&cordova 将数据发布到 http://hmkcode.appspot.com/jsonservlet答案

【问题标题】：I want to post data to http://hmkcode.appspot.com/jsonservlet using angularjs&cordova我想使用 angularjs&cordova 将数据发布到 http://hmkcode.appspot.com/jsonservlet
【发布时间】：2017-07-28 05:55:39
【问题描述】：

我想使用cordova 和angularjs 将数据发布到上述链接（尽管使用webservice）。我在两者之间使用了警报来了解哪些功能正常工作。注册功能不起作用，正在进入功能但没有进入发布数据的请求方法。 request.success(function(data)有没有错误

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport"content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <meta name="msapplication-tap-highlight" content="no" />
    <title>Post Data</title>
</head>
<body>
    <div ng-app="HelloApp" ng-controller="HelloCtrl">
        <form role="form"  action="#">
            <div>
                Name: <input type="text" ng-model="name"><br>
                Country: <input type="text" ng-model="country"><br>
                Twitter: <input type="text" ng-model="twitter"><br>
                <button ng-click="signUp()">Save</button><br>
                <span>{{responseMessage}}</span>           
        </form>
    </div>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
    <script type="text/javascript">
        app.initialize();
    </script>
    <script>
        alert('Before controller');
        var helloApp = angular.module("HelloApp", []);
        helloApp.controller("HelloCtrl", [ '$scope','$http', function($scope,$http) 
        {
            alert('Entered Controller');
            $scope.name = "Calvin Hobbes";
            $scope.country = "US";
            $scope.twitter = "as@gmail.com";

            $scope.signUp = function () {
                /*  $scope.Message = "Button clicked."*/
                alert("Button CLicked");;
                var request = $http({
                    method: "post",
                    dataType:'json',
                    url: "http://hmkcode.appspot.com/jsonservlet",
                    crossDomain : true,
                    data: {
                        'name': $scope.name,
                        'country': $scope.country,
                        'twitter': $scope.twitter
                    },
                        headers: { 'Accept':' text/plain','Content-Type': 'textjson' }
                });
                /* Successful HTTP post request or not */
                request.success(function(data) {
                    alert("success function");
                    if(data == "1"){
                        $scope.responseMessage = "Successfull";
                    }
                    if(data == "2"){
                        $scope.responseMessage = "failed";
                    } else if(data == "0") {
                        $scope.responseMessage = "Error";
                    }  
                });
            }
        }]);
   </script>
  </body>
  </html>

如何将数据发布到webservice(http://hmkcode.appspot.com/jsonservlet)

【问题讨论】：

将您的内容类型更改为 application/json 并且您正在使用新版本的 angularjs。所以 .success 被删除。使用 .then 代替
仅附加成功处理程序，因此您不会发现在 Web 请求期间是否引发任何错误。检查开发者工具网络选项卡以查看在网络请求调用期间是否有任何错误。还要在请求对象中附加错误处理程序以获取日志。
只是好奇地问你如何动态打印一个 pdf 页面？
@Vivz 我试过 .then 并更改了内容类型但仍然成功功能不起作用
你把success改成那个了吗？你有任何错误吗？并且您在里面的所有数据检查都应替换为 data.data，例如 if(data.data == "1")。欲了解更多信息docs.angularjs.org/api/ng/service/$http

标签： android angularjs json cordova postdata

【解决方案1】：

您必须通过以下方式更改您的控制器。由于您使用的是新版本的angularjs，请将.success 更改为.then。而且当你使用表单时，最好使用ng-submit

JS：

$scope.signUp = function () {
                /*  $scope.Message = "Button clicked."*/
                alert("Button CLicked");;
                var request = $http({
                    method: "post",
                    dataType:'json',
                    url: "http://hmkcode.appspot.com/jsonservlet",
                    crossDomain : true,
                    data: {
                        'name': $scope.name,
                        'country': $scope.country,
                        'twitter': $scope.twitter
                    },
                        headers: { 'Accept':' text/plain','Content-Type': 'application/json' }
                });
                /* Successful HTTP post request or not */
                request.then(function(data) {
                    alert("success function");
                    if(data.data == "1"){
                        $scope.responseMessage = "Successfull";
                    }
                    if(data.data == "2"){
                        $scope.responseMessage = "failed";
                    } else if(data.data == "0") {
                        $scope.responseMessage = "Error";
                    }  
                });
            }

HTML：

<form role="form" ng-submit="signUp()">
            <div>
                Name: <input type="text" ng-model="name"><br>
                Country: <input type="text" ng-model="country"><br>
                Twitter: <input type="text" ng-model="twitter"><br>
                <button type="submit">Save</button><br>
                <span>{{responseMessage}}</span>           
 </form>

【讨论】：

感谢您的回答
如果它对您有帮助，请通过勾选标记接受。 :) 更多信息meta.stackexchange.com/questions/5234/…