ajax远程访问跨域,jQuery.getJSON Ajax 跨域访问远程数据源“拒绝访问”的解决方法...

jQuery.getJSON Ajax 跨域访问远程数据源“拒绝访问”的解决方法

分类：Javascript| 发布：camnprbubuol| 查看： | 发表时间：2011/9/13

昨天在开发一个腾讯微博API的时候，遇到jQuery.getJSON跨域名远程访问json数据源的时候，报“拒绝访问”的脚本错误。

修改前：

运行 复制 保存javascript代码

$.getJSON(apiURL+"gethtlist.jsp",

{"page":page,"pageSize":pageSize,"pageinfo":pageinfo},

function(json){

alert(json);

});

修改后：

运行 复制 保存javascript代码

$.getJSON(apiURL+"gethtlist.jsp?jsoncallback=?",

{"page":page,"pageSize":pageSize,"pageinfo":pageinfo},

function(json){

alert(json);

});

URL后面多了：?jsoncallback=?

当然，jsoncallback可以改为其它你想要的名字，然后在服务端(本例指gethtlist.jsp)应该获取这个参数，并且封装一下json数据。

修改前只是一个json数据对象：

{"data":{id:1,title:’javawind’},msg:"ok",ret:0}

那么我们应该修改成：

jsoncallback({"data":{id:1,title:’javawind’},msg:"ok",ret:0})

其中jsoncallback是获取的jsoncallback的参数，这里是jsp，所以应该是：

({"data":{id:1,title:’javawind’},msg:"ok",ret:0})

jsoncallback=? 表示参数由jQuery自动生成，最终它会生成一个jsonp1294882912998这样格式(jsonp+时间戳)的参数，你也可以指定jsoncallback=xxxyyy参数给他，服务器端就可以不用动态获取了。

我简单做了一个例子，希望对大家有帮助。

html页面：

function check(){

var url = "http://newhk.api.favspot.net/merchant/ApplyCheckSpotExist.php?jsoncallback=?";

try{

$.getJSON(

url,

{"spot_id":4401},

function(json){

try{

alert(json.status);

}

catch(e){}

}

);

}

catch(e){

alert(e);

}

}

check();

PHP ApplyCheckSpotExist.php页面：

$result =  json_encode($data);

if($_REQUEST[’jsoncallback’]){

echo $_REQUEST[’jsoncallback’]."(".$result.")";

}else{

echo $result;

}

来源：http://blog.sina.com.cn/s/blog_6324c2380100rkwb.html