关于jquery中 getJSON跨域访问

jquery1.2之后getJSON支持跨域访问

 

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,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
            if ( i == 3 ) return false;
          });
        });

这里需要注意的是远程接口的写法

调用的接口需要对jsoncallback参数进行解析

接口返回一个匿名函数的调用，与getScript类似

接口可以使用下列返回函数

view plain

//适用于getScript,getJSON调用
function return_data($json_string)
{
   $return_data = $json_string;
    if (isset($_GET['callback']))
    {
        $return_data = $_GET['callback']=='?' ? '('.$json_string.')' : $_GET['callback']."($json_string);";
    }
    echo $return_data;
    exit;
}

在ajax跨域中常见的用法有getScript,getJSON和iframe,iframe三种方法.
iframe方法：
这个其实就是在网页中插入一个空白的iframe，并不显示内容。在提交FORM的时间target=iframeID，在页面执行完成后，输出js语句,parent.alert("完成");
这样就可以做到无刷新页面提交数据并返回结果。
getScript方法
这个是有点类似于动态加载JS文件，并执行其中的代码（变量），通常在这里是动态加载一个PHP等动态的URL，返回一段JS代码，并在其中设定变量。在加载完成后引用该变量的值，达到跨域传递的效果。
举例：
http://u.yanghengfei.com/demo/test.php 执行以后返回内容为：
var result = "提交成功！";
在www.yanghengfei.com下使用getScript跨域调用的代码为：
$.getScript("http://u.yanghengfei.com/demo/test.php", function(){
    alert(result); //注意这里直接使用了PHP返回结果中声明的变量。
});
getJSON方法
getJSON与getScript类似，只不过远端要返回JSON格式的数据，还有一点不同就是，getJSON要增加一个参数来跨域实现：callback=?
如：
$.getJSON("http://u.yanghengfei.com/demo/test.php?callback=?", function(json){
    alert(json.data); //注意这里直接使用json的数据了
});
仅这样并不能完成调用，同样的远端的PHP文件中也要接收到callback的参数并输出才行。如：
<?php
exit($_GET['callback'] ."(" .$JSON .")");
?>
两端都增加一个callback参数就可以完成跨域了，其实原理跟getScript还是一样的。
在，$.getJSON()中，url参数,后面要加个，callback=?,至于callback，可以自定义其他的名称，在test.php文件中，改相应的名称，就ok啦！在输出的json 数据时，必须要加上$_GET['callback']和两个括号括起来JSON内容。