Question

我是angular.js中的新手，我需要为数字创建2个字段的表单，当我点击提交时，我需要使用json发送给服务器以获取suma的请求结果。它将如下所示：第一个字段为4，第二个字段为4，提交时将返回结果8。

谢谢你们。这是代码：

<div ng-app="app" ng-controller="HttpGetController">
    <p>Num1 
        <input type="number" name="num1" ng-model="num1" required />
    </p> 
    <p>Num2: 
        <input type="number" name="num2" ng-model="num2" required />
    </p> 
    <button ng-click="SendData()">Saberi</button> <hr /> 
         {{ PostDataResponse }}
 </div>

JS

var app = angular.module("app", []);
app.controller("HttpGetController", function ($scope, $http) {
    $scope.SendData = function () { 
        var data = $.param({ num1: $scope.num1, num2: $scope.num2 });
        var config = { headers : { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;' } }

        $http.post('localhost:3000', data, config) 
             .success(function (data, status, headers, config) {
                  $scope.PostDataResponse = data;
        })
     }
});

Answer 1

获取输入值，并自动绑定到范围。在你的控制器中，只需添加这两个操作数。

$http.post()

然后使用 <?xml version="1.0" encoding="utf-8"?> <WebView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/webview" android:layout_width="fill_parent" android:layout_height="fill_parent" /> 或通过$ resource服务将$ scope.sum发布到服务器。

Answer 2

带有JSON数据示例的$ http POST

Cannot convert value of type 'Self' to expected argument type 'IndexingGenerator<[UInt8]>'

DEMO on PLNKR

使用$ http POST的问题

2 个答案:

带有JSON数据示例的$ http POST