jquery - JsonP 返回 "Uncaught SyntaxError: Unexpected token :"AngularJS -routingnumbers.info

Question

我对这个问题进行了大量研究，希望有人能够帮助诊断问题所在。

我已经尝试查看以下问题:(由于声誉，所以不允许我发布超过 2 个链接，所以我只包含了路径)

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

还有许多其他......

我尝试过的事情:我已将 &callback=JSON_CALLBACK 添加到网址末尾。我更改了配置设置，例如 responseType: 'JSON'。我还多次重新排列了 http.jsonp 请求，以确保它不是编程/文本的内容 (http({}) & http.jsonp)

这是我正在尝试做的事情:使用 Angular jsonp 请求从 routingnumbers.info/api/ 获取信息(服务器不允许 CORS)。我能够使用 jQuery 成功发出请求，但无法使用 Angular 成功发出请求。

这是相应的测试 fiddle : http://jsfiddle.net/dqcpa/14/

如您所见，我收到两个错误:

1. 资源解释为脚本，但使用 MIME 类型 text/plain 进行传输:“https://routingnumbers.herokuapp.com/api/data.json?rn=071000013&callback=angular.callbacks._0 ”。 Angular .min.js:97
2. 未捕获的语法错误:意外的标记:

但是如果您检查 chrome devtools - NETWORK 中的响应，它是正确的:虽然我确实知道 jsonp 将返回 jsonpfunction({ "MyJson": "Data"}) 内部的响应这就是它被挂起的地方。

原代码如下:

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

有人在 Angular 中使用过这个 API 吗？我假设我可以做一些事情(无jquery)来修改标题，但我无法找到任何信息。我还认为这可能是服务器问题(尽管，如果它在 jquery 中正常工作，那就不是问题)。也许这可能是 HTTPS 的事情

TL:DR - Angular JSONP 请求不起作用，但使用相同的 URL，jQuery JSONP 请求正在起作用。引用上面的代码，我缺少什么？

任何帮助都会很棒!

编辑:一些标点符号之类的东西。

Answer 1

根据这个问题: How to get rid of Uncaught SyntaxError: Unexpected token :尝试在服务器端 json 调用周围添加 angular.callbacks._0 (JSON) 。它对我有用

这是骗子http://plnkr.co/edit/oX2UQRBA41FIHpwAP6AA