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 la reputación, por lo que acabo de incluir las rutas)

preguntas / 16344933 / angularjs-jsonp-not-working / 16352746 # 16352746preguntas / 19269153 / jsonp-request-in-angularjs-doesnt-work-like-in-jquerypreguntas / 19669044 / angularjs-getting-syntax-error-in-return-json-from-http-jsonp

Entre muchos otros......

Cosas que he probado: he añadido& callback = JSON_CALLBACK hasta el final de la url. He cambiado la configuración comoresponseType: 'JSON'. También reorganicé la solicitud http.jsonp varias veces para asegurarme de que no era algo programático / textual (http ({}) y http.jsonp)

Esto es lo que estoy tratando de hacer: Obtener información deroutingnumbers.info/api/ utilizando una solicitud angular jsonp (el servidor no permite CORS). Puedo hacer la solicitud con éxito con jQuery, pero no puedo hacerlo con angular.

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

Como puede ver, recibo dos errores:

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

Pero si verifica la respuesta en Chrome Devtools - NETWORK, es correcto:Aunque sí sé que jsonp devolverá la respuesta dentro de jsonpfunction ({"MyJson": "Data"}) que es donde se cuelga.

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 puedo 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 funciona correctamente en jquery, ese no sería el problema). Quizás esto podría ser algo con HTTPS

TL: DR - La solicitud angular JSONP no funciona, pero con la misma URL, la solicitud jQuery JSONP funciona. Haciendo referencia al código anterior, ¿qué me estoy perdiendo?

¡Cualquier ayuda sería increíble!

EDITAR: Algunos signos de puntuación y esas cosas.