官方微博: 腾讯  
首页 > ECSHOP教程 > ECSHOP二次开发 > 其他ECSHOP教程 > ECSHOP用Jquery的getJSON实现两网站之间跨域读取

ECSHOP用Jquery的getJSON实现两网站之间跨域读取

ECSHOP教程 / ecshop 教程网(www.ecshop119.com) 2011-07-29

这个问题跟ECSHOP的关系不是很直接,一般用户用不到。

只是对于高级用户可能会有点帮助,举例说明:

比方两个ECSHOP网站拥有不同域名,位于不同服务器上,双方之间又不能直连数据库的前提下,两个网站之间如果想共享订单数据。
那么也许可以使用 $.getJSON 来解决。

test.php,在 www.eshop.com  根目录中
test.php代码:
PHP代码

<?php  
    $dal=$_GET['callback'];  
    $arr=array("name"=>"4nail", "age"=>20);  
    $jarr=json_encode($arr);  
    echo $dal.'('.$jarr,')';  
?>
test.html在 www.ecshop119.com 根目录下

test.html代码如下:

Html代码 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>无标题文档</title>  
<script language="javascript" type="text/javascript" src="Scripts/jquery.min.js"></script>  
<script type="text/javascript">  
    $(function(){  
        $("#test").click(function(){  
            $.getJSON("http://www.ecshop.com/test.php?callback=?",function(data){   
                alert(data.name);                             
            });                     
        });  
    });  
</script>  
</head>  
  
<body>  
<div style="width:100px;height:100px;background-color:#F00" id="test">点击跨域加载</div>  
</body>  
</html>

关键的一点在于 在$.getJSON()中的url参数末尾要加个callback=?     
不一定非叫 callback,也可以自定义其他的名称,在test.php文件中,改相应的名称,就ok啦!
在输出 json 数据时,必须要加上 $_GET['callback'] 和两个括号,就像下面这样
echo $dal.'('.$jarr,')';z

转载请注明:ECshop119模板屋-ECshop教程网(全国最专业的ECSHOP插件制作商-专业ECSHOP二次开发)

帮助目录

在线反馈

可以将问题或建议反馈给我们。

提交在线反馈

与网友交流ECSHOP开发修改。

加入QQ群交流