js 跨域访问

最新推荐文章于 2021-12-14 15:44:56 发布

fxhflower

最新推荐文章于 2021-12-14 15:44:56 发布

阅读量678

点赞数

分类专栏： .net JS

.net 同时被 2 个专栏收录

79 篇文章 0 订阅

订阅专栏

18 篇文章 0 订阅

订阅专栏

一

$.getJSON(url,data,function) 跨域，提示‘拒绝访问’解决方法

2011-04-12 00:04:38| 分类：默认分类 | 标签： |字号大中小订阅

本文件url:http://phpshop.com/tt.php

<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
     $.getJSON("http://tt.phpshop.com/bb.php?jsoncallback=?",function(d){alert(d.aa);});
     //alert('aa');
     });
</script>

</body>
</html>

文件:http://tt.phpshop.com/bb.php

<?php

/*$json='{"aa":"bb","cc":"dd","tt":"yy"}' ;
$php=json_decode($json);//转为array object
$array=array('aa'=>'bb','cc'=>'dd','tt'=>'yy');
$json_t=json_encode($array);//转为json
//print_r($php);*/

$json_t='{"aa":"bb","cc":"dd","tt":"yy"}';
echo($_GET['jsoncallback'].'('.$json_t.')');//正确
exit();

在json访问的地址 url 加 ?jsoncallback=？

然后在被访问文件中加 $_GET['jsoncallback']('{内容}')；

二

遇到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，所以应该是：
<%=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;
}