一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jQuery的$.getJSON跨域Ajax方法介绍

时间:2012-08-08 编辑:简简单单 来源:一聚教程网

客户端:

使用$.getJSON()在传输第一个参数,也就是url时,如果是跨域请求一定要有一个参数的值为“?”,如:

 代码如下 复制代码
$.getJSON(
     "http://202.196.35.41/json.php?callback=?",
    function(data){
         alert(data);
     }
 };

jQuery在发送请求时会将这个“?”替换为一个唯一的字符串,如下图

并且声明一个与这个字符串名称相同变量,将传入的回掉函数赋值给这个变量。

 

服务端:

服务端一定是动态的程序,不能是静态的文本文件,因为服务端要接收到传过来的函数名,就是上图中callback的值jQuery172031288272701203823_1344179936251。

然后服务端构造一个函数调用型的字符串,将需要发送给客户端的值做为参数。

也就是:jQuery172031288272701203823_1344179936251([这里传参数JSON数据])。

上PHP代码。

 代码如下 复制代码
     header('Content-Type:text/javascript; charset=utf-8');
     class User{
         public $id;
         public $name;
         public function __construct($id, $name){
             $this->id = $id;
             $this->name = $name;
         }
     }
     $users = array(new User(1, 'admin'), new User(2, 'root'));
    
     echo $_REQUEST['callback'].'('.json_encode($users).')';

Ajax得到的数据:

jQuery172031288272701203823_1344179936251([{"id":1,"name":"admin"},{"id":2,"name":"root"}])客户端得到这个数据之后就执行这条语句,由于前面已经将$.getJSON()传入的回掉函数指定了同样的函数名,此时就会调用传入的函数,并将数据传入。

 

具体的跨域请求是利用了页面中可以引入其他域的js文件这个性质,在页面中创建一个script节点,将他的src属性指向其他域的动态文件。浏览器就会加载这个文件并执行其中的脚本

热门栏目