把ajax响应放到输入参数(angularjs)

时间:2016-01-13 21:39:56

标签: javascript jquery angularjs ajax

1)我有一个输入字段如下

<label>Size:</label>
<input type="text" ng-model="data.Size" ng-init="data.Size='10000000'" />

<label>Number:</label>
<input type="text" ng-model="data.Number" ng-init="data.Number='10'" />

如您所见,大小和数字已使用ng-init初始化。

2)现在我对发布此输入参数的服务器进行了ajax调用

var submitData = "=" + JSON.stringify(data);
$.ajax({
            type: "POST",
            url: serviceURL2,
            data: submitData
        }).then(function (response) {
            console.log(response.Info);

});

此ajax函数的响应包含Size和Number输入字段的新值。 console to response.Info以对象形式提供此输出,如下所示。

[对象]

0:对象

大小:10000

数:5

现在,我需要将此值传递给输入字段,以便值反映通过调用ajax调用获得的新值,如上所示。

有人可以让我知道如何绑定这两个并将其显示给用户

1 个答案:

答案 0 :(得分:1)

您不需要在此使用ng-init,只需将响应对象绑定到$scope.data,另外您应该使用$.ajax

<强>代码

var submitData = "=" + JSON.stringify(data);
      $http({
            type: "POST",
            url: serviceURL2,
            data: submitData
      }).then(function (response) {
            var data = response.data;
            console.log(data.Info);
            $scope.data = data.Info;
      });
}