angular 1.5 jsonp 代码调用未达到成功方法

Question

由于某种原因，我的 jsonp 代码无法使用 angular！我已经阅读了数千个示例，但它根本不起作用。请参阅下面的代码。

我已经阅读了这个问题，但它并没有解决我的问题Angularjs JSONP not working

我的示例代码显示了定义了成功和错误方法的 http.jsonp 调用。我目前正在使用 Chrome 进行开发和测试，第二张和第三张图片显示了 ajax 服务调用和来自服务的 jsonp 响应。

最新更新

在收到@TheSharpieOne 的帮助后，服务器响应现在返回一个实际函数（而不是之前出现问题的字符串），但由于某种原因没有执行成功方法？

    $http.jsonp(url).then(function(response) {
        alert('success');  // not hit
    }, function onError(response) {
        alert('error');  // this is displayed
    });

非常感谢，

Angular JS

var url = serviceRoot + "api/customer/get?callback=JSON_CALLBACK";

$http.jsonp(url).success(function (data) {
    alert('success');  // never called
})
.error(function () {
    alert('error');    
});

Chrome 网络面板

Shows chrome network panel, highlighting the ajax call

Ajax 响应

shows ajax response (an array of dates)

Answer 1

您的 JSONP 响应被引用，它不应该被引用。它应该执行脚本，它将调用您的回调函数。现在它只是一个字符串，而不是带有参数的 JavaScript 函数调用。

JSONP 通过在链接到您的 URL 的页面上放置一个新的 <script> 标记来工作。当它执行时，它应该调用你的回调。因此，JSONP 的响应应该是 JavaScript 而不是字符串。