AJAX 调用未获取有关 Intel XDK 的信息

Question

我正在为我当地城市的血库构建一个 APK，我需要按组获取血液库存，我有一些 JSON 我用 Postman 测试过但我需要将它们添加到我的英特尔 XDK 项目中。我遵循了一些使用 AJAX 和 HTTP 的示例，但没有结果。

 ionic.Platform.ready(function(){
 $("#ajax").click(function(){        
            $.ajax({
                method: 'GET',
                url: 'http://192.168.1.100/api/hospital/17659861-1',
                dataType: 'json',
                success: function (data) {
                    alert('Data RecibidaAPI: ' + data);
                    console.log(data.data[0].us_rut);
                    console.log(data.data[0].us_nombre);
                    console.log(data.data[0].us_telefono);
                    console.log(data.data[0].us_id_dispositivo);
                    console.log(data.data[0].us_grupo_sangre);
                }
            }).then(function (data) {
                console.log('Data RecibidaAPI: ' + data);
            });
        });

}

也试试

<div id="campa_de_sangre" class="upage-content vertical-col left hidden" ng-app="myApp2" ng-controller="myCtrl2">
<p>hola</p>
            <h1>{{myWelcome}}</h1>
            <p>Status : {{statuscode}}</p>
            <p>StatusText : {{statustext}}</p
            <p>{{content}}</p>
<script>
var app2 = angular.module('myApp2', []);
app2.controller('myCtrl2', function($scope, $http) {
  $http({
    method : "GET",
    url : "welcome.htm"
  }).then(function mySucces(response) {
      $scope.myWelcome = response.data;
      $scope.statuscode = response.status;
      $scope.statustext = response.statusText;   
    }, function myError(response) {
      $scope.content = "Something went wrong";

  });
});
</script>
</div>

我什至无法让 scope.satuscode 工作。我正在使用 Ionic 作为 AngularJS 的框架，如果有人需要额外的信息来帮助会议，请询问并感谢您的任何想法。

Answer 1

如果调用成功但你没有让你的 $scope 更新尝试包装你需要在 $timeout 中更新的值..你可以使用 $scope.apply() 但我相信$timeout 是更安全的方法

<div id="campa_de_sangre" class="upage-content vertical-col left hidden" ng-app="myApp2" ng-controller="myCtrl2">
<p>hola</p>
            <h1>{{myWelcome}}</h1>
            <p>Status : {{statuscode}}</p>
            <p>StatusText : {{statustext}}</p
            <p>{{content}}</p>
<script>
var app2 = angular.module('myApp2', []);
app2.controller('myCtrl2', function ($scope, $http, $timeout) {
    $http({
        method: "GET",
        url: "welcome.htm"
    }).then(function mySucces(response) {
        $timeout(function () {
            $scope.myWelcome = response.data;
            $scope.statuscode = response.status;
            $scope.statustext = response.statusText;
        }, 0)
    }, function myError(response) {
        $timeout(function () {
            $scope.content = "Something went wrong";
        }, 0)

    });
});
</script>
</div>

Answer 2

在英特尔 XDK 网站上查看此常见问题解答 > https://software.intel.com/en-us/xdk/faqs/app-designer#ajax-jquery-one-fail

AJAX 调用未获取有关 Intel XDK 的信息

AJAX call not getting information on Intel XDK

ajax

android

angularjs

intel-xdk