javascript - 将 ajax 响应放入输入参数(angularjs)

Question

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 函数的响应包含“大小”和“数字”输入字段的新值。控制台到 response.Info 以对象形式提供此输出，如下所示。

[对象]

0:对象

大小:10000

数量:5

现在，我需要将此值传递到输入字段，以便这些值反射(reflect)我们通过调用 ajax 调用获得的新值，如上所示。

有人可以告诉我如何绑定(bind)这两个并将其显示给用户

Answer 1

这里不需要使用ng-init，你只需要将响应对象绑定(bind)到$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;
      });
}