使用开机自检$http问题

Question

我是角度新手.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

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

$scope.sum = $scope.op1 + $scope.opt2;

然后使用$http.post()或通过$resource服务将 $scope.sum 发布到服务器。

Answer 2

$http POST with JSON 数据示例

app.controller("HttpGetController", function ($scope, $http) {
    $scope.SendData = function () { 
        var data = { num1: $scope.num1, num2: $scope.num2 };
        $http.post('https://httpbin.org/post', data) 
            .then(function (response) {
                  $scope.PostDataResponse = response.data.data;
        })
     }
});

PLNKR上的演示