关于jquery中 getJSON跨域访问

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

 

jquery官网上的例子：

view plain

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

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

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

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

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

view plain

1. //适用于getScript,getJSON调用  
2. function return_data($json_string)  
3. {  
4.    $return_data = $json_string;  
5.     if (isset($_GET['callback']))   
6.     {  
7.         $return_data = $_GET['callback']=='?' ? '('.$json_string.')' : $_GET['callback']."($json_string);";  
8.     }  
9.     echo $return_data;  
10.     exit;  
11. }  

13. 在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内容。

转载于:https://www.cnblogs.com/zhongran/archive/2011/08/31/2160563.html