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

时间:2023-11-15 17:58:20

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

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"');