从 1.2 版本开始,jQuery 拥有对 JSONP 回调的本地支持。如果指定了 JSONP 回调,就可以加载位于另一个域的 JSON 数据,回调的语法为:url?callback=?
。jQuery 自动将?? 替换为要调用的生成函数名。
我们使用??
作为回调函数名,而非真实的函数名。因为 jQuery 会用生成的函数名替换??
。
这里做了一个简单的flickr照片的跨域处理:
[code=”javascript”]
$(function() {
$.getJSON(‘http://api.flickr.com/services/feeds/photos_public.gne?id=51666465@N04&tagmode=any&format=json&jsoncallback=?’, function(data) {
$.each(data.items, function(i, item) {
$(item.description).appendTo(“body”)
});
});
});
[/code]
http://api.flickr.com/services/feeds/photos_public.gne?id=51666465@N04&tagmode=any&format=json
是我照片的json数据,加上callback回调函数
http://api.flickr.com/services/feeds/photos_public.gne?id=51666465@N04&tagmode=any&format=json&jsoncallback=?
非常简单,实用!
点击查看demo:https://www.html.cn/demo/ajax-jsonP/
参照网址:
http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/index.html
http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp2/index.html
最新评论
写的挺好的
有没有兴趣翻译 impatient js? https://exploringjs.com/impatient-js/index.html
Flexbox playground is so great!
感谢总结。
awesome!
这个好像很早就看到类似的文章了
比其他的教程好太多了
柯理化讲的好模糊…没懂