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

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

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

修改前:

   javascript代码
  1. $.getJSON(apiURL+"gethtlist.jsp"
  2.       {"page":page,"pageSize":pageSize,"pageinfo":pageinfo}, 
  3.       function(json){ 
  4.             alert(json); 
  5.       }); 

修改后:

   javascript代码
  1. $.getJSON(apiURL+"gethtlist.jsp?jsoncallback=?"
  2.       {"page":page,"pageSize":pageSize,"pageinfo":pageinfo}, 
  3.       function(json){ 
  4.             alert(json); 
  5.       }); 

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,所以应该是:
<%=request.getParameter("jsoncallback")%>({"data":{id:1,title:’javawind’},msg:"ok",ret:0})

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



我简单做了一个例子,希望对大家有帮助。
html页面:
  <script type=’text/javascript’ src="http://sto.shawei.com/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
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();
</script>

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
365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/javascript/426.html