jquery - tables - JsonP devolviendo "Uncaught SyntaxError: Token inesperado:" AngularJS-routingnumbers.info

tablas angular js

Question

He investigado esta pregunta una cantidad ridícula y espero que alguien pueda ayudar a diagnosticar lo que está mal.

Ya he intentado mirar las siguientes preguntas SO: (SO no me permitió publicar más de 2 enlaces debido a su reputación, por lo que acabo de incluir las rutas)

1. questions/16344933/angularjs-jsonp-not-working/16352746#16352746
2. questions/19269153/jsonp-request-in-angularjs-doesnt-work-like-in-jquery
3. questions/19669044/angularjs-getting-syntax-error-in-returned-json-from-http-jsonp

Entre muchos otros......

Cosas que he intentado: he añadido & callback = JSON_CALLBACK al final de la url. He cambiado los ajustes de configuración como responseType: ''JSON'' . También he reorganizado la solicitud http.jsonp varias veces para asegurarse de que no era algo programático / textual ( http ({}) & http.jsonp )

Esto es lo que estoy tratando de hacer: obtener información de routingnumbers.info/api/ usando una solicitud jsonp angular (el servidor no permite CORS). Puedo realizar la solicitud correctamente con jQuery, pero no puedo hacerlo correctamente con angular.

Aquí está el correspondiente violín de prueba: http://jsfiddle.net/dqcpa/14/

Como puedes ver, recibo dos errores:

1. Recurso interpretado como Script pero transferido con texto / sin formato de tipo MIME: " https://routingnumbers.herokuapp.com/api/data.json?rn=071000013&callback=angular.callbacks._0 ". angular.min.js: 97
2. SyntaxError no detectada: fichas inesperado :

Pero si compruebas la respuesta en devtools de chrome - RED, es correcto: aunque sé que jsonp devolverá la respuesta dentro de jsonpfunction ({"MyJson": "Data"}) que es donde se está colgando.

Aquí está el código original:

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

¿Alguien ha usado esta API con angular? Supongo que puede haber algo que pueda hacer (sin jQuery) para modificar los encabezados, pero no he podido encontrar ninguna información. También estoy pensando que podría ser un problema del servidor (aunque, si está funcionando correctamente en jQuery, ese no sería el problema). Tal vez esto podría ser algo con HTTPS

TL: DR : la solicitud JSONP de Angular no funciona, pero con la misma URL, la solicitud JSONP de jQuery funciona. Haciendo referencia al código anterior, ¿qué me falta?

¡Cualquier ayuda sería increíble!

EDIT: Un poco de puntuación y esas cosas.

Answer 1

de acuerdo con esta pregunta: Cómo deshacerse de Uncaught SyntaxError: token inesperado: intente agregar angular.callbacks._0 (JSON) alrededor de la llamada json del lado del servidor. funciono para mi

Este fue el plunker http://plnkr.co/edit/oX2UQRBA41FIHpwAP6AA