Question

我尝试使用jsonp方法在angularjs应用程序中从wooCommerce api获取数据

$http.jsonp('http://pwoo.dev/wc-api/v2?callback=JSON_CALLBACK')
.success(function ( data, status, headers, config ) {
    console.log(data, status, headers, config);
})
.error(function ( data, status, headers, config ) {
    console.log("Error", data, status, headers, config);
});

作为回报，它在控制台中给了我这个错误

Uncaught SyntaxError：意外的令牌：

并破坏错误块中的代码

http://jsfiddle.net/zzlalani/5Lj46p69/

这里是我在上面提到的相同类型的api的实时链接

https://sergedenimes.com/wc-api/v2

我已经验证了json在线及其正确且有效的格式，您可以在以下链接中的小提琴控制台中查看

https://jsfiddle.net/zzlalani/ru6kozxn/1/

更新

好吧它不适用于jQuery.ajax以及检查下面的小提琴，我使用简单的jquery $.ajax方法和dataType: "jsonp"

https://jsfiddle.net/zzlalani/zvreh2xp/2/

我不明白问题出在哪里，因为在我上面的角度示例中，一个带有数据的简单test.json

{
    "name": "zeeshan Lalani"
}

抛出相同的错误。我在这里失踪了什么？这个世界上的人们如何使用JSONP个例子？：（

Answer 1

jsonp内容应位于回调函数之间，如：

JSON_CALLBACK({"data":{"A":123,"B":true}})

AngularJS使用$ HTTP.JSONP解析json

1 个答案: