javascript - AngularJS 使用 $HTTP.JSONP 解析 json 时出现问题

标签 javascript json angularjs woocommerce jsonp

我正在尝试使用 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: Unexpected token :

并破坏错误 block 中的代码

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

这是我在上面的 fiddle 中使用的相同类型 api 的实时链接

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

我已经在线验证了 json 及其格式的正确性和有效性,您可以在以下链接的 fiddle 控制台中检查它

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

更新:

好吧,它不适用于 jQuery.ajax还要检查下面的 fiddle ,我在其中使用了简单的 jquery $.ajax方法 dataType: "jsonp"

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

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

{
    "name": "zeeshan Lalani"
}

抛出同样的错误。我在这里缺少什么?这个世界上的人如何使用JSONP例子 ? :(

最佳答案

jsonp 内容应该位于回调函数之间,例如:

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

关于javascript - AngularJS 使用 $HTTP.JSONP 解析 json 时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30779250/

相关文章:

java - 获取JSON字符串的抽象语法树

json - Yii2 RESTful API 可以返回驼峰格式的 JSON 数据吗?

javascript - 将 $scope 变量值传递给工厂变量/函数

javascript - 我应该将 AJAX 调用的响应处理程序代码放在 Angular.js 中的哪里?

javascript - 使用 Javascript 从选项 HTML 中获取名称

javascript - jQuery Validate 没有绑定(bind),没有错误

javascript - 如何使用应用程序和静态文件服务器解决 JavaScript 起源问题

javascript - Vue.js 表单不是响应式(Reactive)的

javascript - 将 JSON 数据从 Python 发送到 Javascript 并访问它们。

html - 我怎样才能通过 AngularJS 进行分页?