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

来自版块: 站长杂谈发表于: 2015-8-8 23:40:13

46819

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

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

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

test.php,在 www.eshop.com 根目录中
test.php代码：
PHP代码
0 ~* V5 y; ]$ f2 b" W

<?php
$dal=$_GET['callback'];
$arr=array("name"=>"4nail", "age"=>20);
$jarr=json_encode($arr);
echo $dal.'('.$jarr,')';
?>

test.html在 www.ecshop120.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

Jquery，网站