`
xsong512
  • 浏览: 34443 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

用jQuery的getJSON方法实现跨域

阅读更多
在jQuery 1.2及以后的版本中可以用$.getJSON()来实现跨域访问,手册中说是应用了一种叫做JSONP的技术,不过现在还没有搞明白到底是个什么东西,先用上再说。

jQuery.getJSON(url, [data], [callback]);

url:发送请求地址。
data:可选发送的参数,key/value 对。
callback:可选载入成功时的回调函数。

要使用JSONP的形式可以在请求地址后加上形如“callback=?”的参数,jQuery会自动替换 ? 为正确的函数名,以执行回调函数。


手册上的例子

$.getJSON("http://api.flickr.com/services/feeds/
        photos_public.gne?tags=cat&tagmode=any
       &format=json&jsoncallback=?", function(data){
        $.each(data.items, function(i, items){
              $("<img/>").attr("src", item.media.m).appendTo("#images");
              if(i == 3) return false;
       });
});

有一点要注意的是,在服务器端处理的时候,需要获取JSONP使用的参数,输出的时候要用。

$callback = $_GET['callback'];
$t = $_GET['t'];
echo $callback . "({webname:'$t'})"; //注意这里
分享到:
评论

相关推荐

    用JQuery里的getJSON函数进行跨域远程调用

    这是一个前端后端通过JQuery的getJSON函数交互json数据的例子。 前端网页是front.html,后端处理的模块是back.jsp 把back.jsp、front.html及jquery-1.8.3.min.js部署在Tomcat的webapps的ROOT下,通过在浏览器输入...

    jquery下利用jsonp跨域访问实现方法.docx

    jquery下利用jsonp跨域访问实现方法.docx

    jquery的ajax和getJson跨域.docx

    jquery的ajax和getJson跨域.docxjquery的ajax和getJson跨域.docx

    jquery $.getJSON()跨域请求

    $(function(){ $.getJSON(url,function(data){ alert &#40;data.Name&#41;; }) }); 服务器返回字符串: {“Name”:”loogn”,”Age”:23} 2,不同域名下 js: 代码如下: var url=”...

    jquery ajax结合thinkphp的getjson实现跨域的方法

    本文实例讲述了jquery ajax结合thinkphp的getjson实现跨域的方法。分享给大家供大家参考,具体如下: jquery中post的应该是不能跨域,网上说get的可以跨域,但是我试了一下也不行,然后就进行最后的拼搏getjson,结果...

    php jq jquery getJSON跨域提交数据完整版

    getJSON跨域提交数据,想必大家已在很多文章中见到过,下面的示例是php jq jquery getJSON跨域提交数据完整代码,感兴趣的朋友可以参考下

    jquery下利用jsonp跨域访问实现方法

    本文将给您介绍如何使用getJSON来实现异步跨域提交表单

    jquery的ajax和getJson跨域获取json数据的实现方法

    本篇文章主要是对jquery的ajax和getJson跨域获取json数据的实现方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    jQuery使用JSONP实现跨域获取数据的三种方法详解

    本文实例讲述了jQuery使用JSONP实现跨域获取数据的三种方法。分享给大家供大家参考,具体如下: 第一种方法是在ajax函数中设置dataType为’jsonp’ $.ajax({ dataType: 'jsonp', url: '...

    使用$.getJSON实现跨域ajax请求示例代码

    原型如下: jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。 url: 发送请求的地址 data : (可选) 待发送key/value参数 callback: (可选) 载入成功时的回调函数 主要用于客户端获取服务器JSON数据。...

    jquery ajax跨域解决方法(json方式)

    最近公司开发的项目中很多地方需要跨域ajax请求,比如几个子域名下 http://a.****.com/index123.aspx, http://b.**...使用jquery.getJSON()方法可以解决跨域问题。实例如下 前台&lt;script type=”text/javascript” sr

    Jquery跨域请求的实现

    所以我猜是跨域问题,马上就去google搜索了一下jquery跨域的解决,是用$.getJSON这个方法,但是我测试了许久,还是不行,继续找,还是没能找到。于是沉下心来,自己想:现在就是我可以通过那个远程的方法在浏览器中...

    JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码

    通过JQuery可以跨域获取JSON数据,但必须弄清楚的是,JQuery不可以跨域获取任意JSON格式的数据,必须要通过服务端输出特定的针对JQuery跨域读取的JSON数据。你可能目前对此仍然毫无了解,没关系,本文将以最简单易懂...

    jQuery中getJSON跨域原理的深入讲解

    主要给大家介绍了关于jQuery中getJSON跨域原理的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    Ajax跨域查询完美解决通过$.getJSON()实现

    浏览器安全上做了限制,禁止ajax跨域获得数据,可以通过jquery提供的$.getJSON()可以跨域获得JSON格式的数据,具体的实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助

Global site tag (gtag.js) - Google Analytics