Angularjs http.Holen Sie scheitern (aber ich sehe die Daten zurückgegeben wurde)

Bin ich zu Fuß durch die Angularjs-Telefone tutorial und wollen, dass die Handys JSON von einem remote-server. 

$http.get('http://myserver.com/phones.json').success(function(data) {
    $scope.phones = data;
});

Dieser konnte aufgrund CORS, ich war senden ein OPTIONEN nicht einen GET-request, also habe ich diese erste Zeile der controller -

delete $http.defaults.headers.common['X-Requested-With'];

Kann ich jetzt sehen, in der Charles, der einen nicht OPTIONS-Anfrage wird an myserver.com und dass die Telefone von JSON ist in der Antwort. Aber der http.erhalten ist noch immer nicht mit status 0 und 'data' ist die null.

Nicht sicher, was zu versuchen nächsten. Alle Erkenntnisse geschätzt.

  • Versuchen Sie ?callback=? an das Ende des url
InformationsquelleAutor kurt steele | 2013-09-02
  1. 2

    Es sollte nicht machen Sie eine OPTIONS-Anfrage für eine BEKOMMEN, so dass richtig klingt. Ich denke, was Sie tun möchten, ist:

    $http.get('http://myserver.com/phones.json').then(function(data) {
  $scope.phones = data;
}, function(err) { alert('Oh no! An error!'});

    Ich denke, dass Sie verwenden möchten then(), die zwei Funktionen als Argumente — die erste für den Erfolg, und die zweite für Fehler. $http.get() gibt eine Verheißung, die beaufschlagt wird von then().

    Auch, die Sie wahrscheinlich verwenden wollen $resource statt $http. Es bietet einen höheren Grad der Abstraktion und ermöglicht eine wiederverwendbare Stil, http://docs.angularjs.org/api/ngResource.$Ressource

    EDIT:

    Überprüfen Sie heraus die Winkel-debug-tool hier. Es zeigt Ihnen, was verfügbar ist in Bereichen, und zeigt performance-Daten.

    • Sollte es funktionieren so wie Sie ist. Tutorial Staaten " $http.get-service liefert einen promise-Objekt mit einer Methode Erfolg. Wir rufen diese Methode auf, Griff die asynchrone Antwort und weisen Sie die Handy-Daten für den Rahmen". Ich habe verwendet, dann mit Erfolg & Fehler - Blöcke mit dem gleichen Ergebnis, geschrieben als a-service, etc. Mein Ziel ist es die einfachste http-request-demo, nicht die Quelle nennen. Ich sehe immer das JSON in der Charles-Antwort, aber http.erhalten gibt status 0. So weit ich gefunden habe, keine cross-domain Beispiel apps, die es nur lokale flat-file-Beispiele.
    • versuchen Sie $http.defaults.useXDomain = true;
    • Danke, kein Glück mit, dass, noch status-code 0, das eine große Einschränkung mit den Eckigen. Ich werde sehen, was sich mit dem http.jsonp-Methode, welche nicht mit XHR.
    InformationsquelleAutor Stuart Nelson
  2. 0

    Gut, wenn Sie eine cross-domain-Anfrage, es Recht zu machen, die OPTION-Anfrage als pre-flight-Anfrage wissen, ob Sie dürfen.
    Wenn die CORS scheitert Ihr browser die Daten empfangen, aber er wird keinen Fehler werfen.
    Also, entweder setzen Sie Ihre html in der gleichen Domäne oder fügen Sie die CORS auf dem backend (das ist schwieriger).

    • Ich hab um die CORS-Problem. Aber apropos CORS, was so ungewöhnlich ist, über eine app machen zu wollen cross-domain-requests? Wie würde eine Eckige app call 5 verteilte geographische Dienste, die nicht optimiert werden?
    • Es ist ein browser-Sicherheits-Problem, SOR (same-Origin-Polizei). Auch CORS es ist ein HTML5 feature, welches darüber zu machen gewohnt, jetzt können Sie tun Cross-site request ohne hack.
    • Hier ist ein tolles tutorial, das beantwortet meine Frage.
    • Ich werde Ihnen raten, zu verwenden, CORS, jsonp ist es ein hack.
    InformationsquelleAutor pedroassis
  3. 0

    Hier ist ein gutes tutorial, das die cross-domain WIRD mithilfe des $http.jsonp-Methode. Keine hacks in die Header.

    http://net.tutsplus.com/tutorials/javascript-ajax/building-a-web-app-from-scratch-in-angularjs/

    • Aber jsonp ist ein hack
    InformationsquelleAutor kurt steele
Schreibe einen Kommentar