jQuery 利用 $.getJson() 实现跨域

数据量不大时，跨域的不二之选，而且操作简单，易上手。

 

a.com/test.html

//这里我假定有一些数据：

var formData = form.serialize();

//这里的jsoncallback 是一个回调函数名 ，是必须的参数

//wrand保证每次请求不一样，兼容IE问题

var url = "http://www.xxx.com/fb/add?wrand="+Math.random()+formData+"&jsoncallback=?";

$.getJSON(url,{"noCache":d},function (info){

　　console.log(info);

});

 

xxx.com/fb/add  -> add.php

<?php

$post = $_POST;

//一些安全处理...略

//$cb 就是传来的回调函数名

$cb = $post['jsoncallback'];

//这里是一些其他操作，比如往某数据库添加数据，我返回一个添加成功或者失败的信息,$res 表示添加成功或者失败

$msg = $res ? "添加成功" : "添加失败";

$status = $res ? 1 : 0;

//json格式 {"status":$status,"data":$msg}

//使用PHP的json_encode()函数

$json = json_encode(array("status"=>$status,"data"=>$msg));

但是这个json对象需要放在上面的回调函数中作为参数返回；

echo $cb."(".$json.")";

这时你会发现前端控制台中打印出了这些反馈信息。

 

#补充：如果，在a.com/test.html中 有一个验证码要在后台验证，会发现，在IE中始终无法获取这个session,说明IE中跨域导致session丢失了。

解决的办法是，在验证码输出的页面加上以下这句话：

header('P3P: CP="ALL ADM DEV PSAi COM OUR OTRo STP IND ONL"');