JsonP gibt "Uncaught SyntaxError: Unexpected token:" zurück. AngularJS - routingnumbers.info

Habe ich recherchiert, diese Frage zu einem lächerlichen Betrag und hoffe, dass jemand helfen kann diagnostizieren, was falsch ist.

ich habe schon versucht, schaute auf die folgenden Fragen: (SO würde nicht lassen Sie mich nach mehr als 2 links wegen der reputation, also ich habe gerade inklusive der Pfade)

  1. Fragen/16344933/angularjs-jsonp-nicht-arbeiten/16352746#16352746
  2. Fragen/19269153/jsonp-request-in-angularjs-nicht-arbeiten-wie-im-jquery
  3. Fragen/19669044/angularjs-erste-syntax-Fehler-in-zurückgegeben-json-von-http-jsonp

Unter vielen anderen......

Dinge, die ich habe versucht:
Ich habe &callback=JSON_CALLBACK am Ende der url. Ich habe mich verändert config Einstellungen wie responseType: 'JSON'. Ich habe auch ordnete die http.jsonp-request mehrere Male, um sicherzustellen, dass es war nicht etwas, programmgesteuerten/textuelle (http({}) & http.jsonp)

Hier ist, was ich versuche zu tun:
Schnappen Sie sich die Informationen von routingnumbers.info/api/ mit einer eckigen jsonp-request (server nicht erlaubt, CORS). Ich bin in der Lage, um die Anfrage erfolgreich mit jQuery, aber ich bin nicht in der Lage, um es erfolgreich mit angular.

Hier ist der entsprechende test fiddle: http://jsfiddle.net/dqcpa/14/

Wie Sie sehen können, erhalte ich zwei Fehler:

  1. Ressource interpretiert als Schrift, aber übertragen mit dem MIME-Typ text/plain: "https://routingnumbers.herokuapp.com/api/data.json?rn=071000013&callback=angular.Rückrufe._0". eckig.min.js:97
  2. Uncaught SyntaxError: Unexpected token :

Aber wenn Sie zu prüfen, die Reaktion in den chrome-devtools - NETZWERK, so ist es richtig: Obwohl ich weiß, dass jsonp zurück die Antwort in der jsonpfunction({ "MyJson": "Data"}), die ist, wo es immer hing.

Hier ist der original code:

//$scope.number = '071000013';
var routingApiUrl = 'https://routingnumbers.herokuapp.com/api/data.json?rn=' + $scope.number;
$http({
    method: 'jsonp',
    url: routingApiUrl + '&callback=JSON_CALLBACK',
    responseType: "json"
}).
success(function(data){
    console.log('Success: ' + data);
}).
error(function(data){
    console.log('Error: ' + data);
});

Hat jemand benutzt diese API, mit eckig? Ich gehe davon aus, dass es etwas kann ich tun (sans jquery) zu ändern, Header, aber ich habe nicht in der Lage, beliebige Informationen zu finden. Ich denke auch, dass es vielleicht ein server-Problem (obwohl, wenn es richtig funktioniert im jquery, das wäre nicht das Problem). Man könnte das vielleicht etwas mit HTTPS

TL:DR - Winkel-JSONP-Anfrage nicht funktioniert, aber mit der gleichen URL, die jQuery JSONP-Anfrage funktioniert. Die Referenzierung der obige code, was bin ich?

Jede Hilfe wäre genial!

EDIT: ein Paar Satzzeichen und so.

InformationsquelleAutor der Frage dannypaz | 2014-10-08

Schreibe einen Kommentar