使用JSONP跨域

从 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

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 使用JSONP跨域

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏