AJAX ruft keine Informationen über Intel XDK

Question

Ich baue eine APK für die Blutbank meiner Stadt und ich muss den Vorrat an Blut von Gruppen bekommen, ich habe einige JSON, die ich mit Postman testen, die aber ich woks müssen sie zu meinem Intel XDK-Projekt hinzufügen. Ich habe einige Beispiele mit AJAX und HTTP verfolgt, aber ohne Ergebnis.

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); 
      }); 
     }); 

} 

und auch

<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> 

versuchen, wo ich auch die scope.satuscode an die Arbeit could't. Ich benutze Ionic als Framework mit AngularJS, wenn jemand zusätzliche Informationen benötigt, um einfach zu helfen und danke für jede Idee.

Answer 1

Siehe diese FAQ auf der Intel XDK Website>https://software.intel.com/en-us/xdk/faqs/app-designer#ajax-jquery-one-fail

Answer 2

Wenn der Aufruf erfolgreich ist, aber Sie nicht Ihren $ Bereich zu aktualisieren versuchen, wickeln Sie die Werte ein, die Sie in $ timeout aktualisieren müssen .. Sie können $ scope.apply() verwenden, aber ich glaube $ Timeout zu sein die sicherere Methode

<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>