更新:自Angular 1.6起
您不能再使用JSON_CALLBACK字符串作为占位符来指定回调参数值应放在何处
您现在必须像这样定义回调:
$http.jsonp('some/trusted/url', {jsonpCallbackParam: 'callback'})
通过更改/访问/声明参数$http.defaults.jsonpCallbackParam
,默认为callback
注意:您还必须确保将URL添加到受信任/白名单中:
$sceDelegateProvider.resourceUrlWhitelist
或通过以下方式明确信任:
$sce.trustAsResourceUrl(url)
success/error
被弃用了。
在$http
传统方法的承诺success
,并error
已被弃用,并将在V1.6.0被删除。请改用标准然后方法。如果$httpProvider.useLegacyPromiseExtensions
设置为,false
则这些方法将抛出$http/legacy error
。
用:
var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts"
var trustedUrl = $sce.trustAsResourceUrl(url);
$http.jsonp(trustedUrl, {jsonpCallbackParam: 'callback'})
.then(function(data){
console.log(data.found);
});
上一个答案:Angular 1.5.x及更低版本
您要做的就是更改callback=jsonp_callback
为callback=JSON_CALLBACK
这样:
var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK";
然后.success
,如果返回成功,则函数应该像您拥有的那样触发。
这样做可以避免您浪费全球空间。这在此处的AngularJS文档中有说明。
更新了Matt Ball的小提琴以使用此方法:http : //jsfiddle.net/subhaze/a4Rc2/114/
完整示例:
var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK";
$http.jsonp(url)
.success(function(data){
console.log(data.found);
});