用Jquery的getJSON实现两网站之间跨域读取-站长杂谈下载

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

开通本站Svip会员,全站资源免费下
这个问题跟ECSHOP的关系不是很直接,一般用户用不到。
' O5 t7 k0 p  m' Q. R) u
6 b4 k& I3 X: G) s8 d只是对于高级用户可能会有点帮助,举例说明:
( f- Z) h6 {) Z
9 g- S: E- P- O4 M! X9 c比方两个ECSHOP网站拥有不同域名,位于不同服务器上,双方之间又不能直连数据库的前提下,两个网站之间如果想共享订单数据。
) V: S# Y" F0 h5 z/ r3 R1 Y那么也许可以使用 $.getJSON 来解决。# M* R* H) L3 u2 S) n

: U- `! _+ ?# r, itest.php,在 www.eshop.com  根目录中
$ j: O% k. ?+ L. `: J) Mtest.php代码: / a" W3 S- ~* t3 o/ |4 H7 p! k3 L
PHP代码
" |2 h' D, C9 l" h
<?php   
# i% K8 n1 ~5 A    $dal=$_GET['callback'];   
! W, G4 o8 P* n# c3 J8 F6 w    $arr=array("name"=>"4nail", "age"=>20);   
# Y+ N3 g* R$ P    $jarr=json_encode($arr);   ! V' ^1 [! z1 ~  `: S0 N3 n: D5 x
    echo $dal.'('.$jarr,')';   ( U3 D/ M4 Q9 e4 w) {
?>

1 z" w0 F% _, Vtest.htmlwww.ecshop120.com 根目录下
test.html代码如下:
Html代码
7 O3 }  `: [7 T( W5 y
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
5 m& t% I9 b. ~3 s4 s; v, {! ?, ^% P2 p<html xmlns="http://www.w3.org/1999/xhtml">   + D* f; C0 u- T* V
<head>   
) y4 p) w3 o6 Y% i; F3 H<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   
( H, |' i  _3 [& l' A! V; V2 m<title>无标题文档</title>   
- H" w+ ]2 V2 ~( W% n<script language="javascript" type="text/javascript" src="Scripts/jquery.min.js"></script>   ( C6 a4 W8 K  ?" ~3 k
<script type="text/javascript">   + N& v. `# o: l: i: f
    $(function(){   
9 }8 p2 l. q' `0 R, V# Q- M# X4 G        $("#test").click(function(){   
% m6 y* G  y4 N) J            $.getJSON("http://www.ecshop.com/test.php?callback=?",function(data){   
0 [1 p, l3 A" ]0 [& Z1 L                alert(data.name);                              
- a6 g/ z: }  j8 a+ L            });                      - ^% ~3 v- Y7 }/ X, y8 _: q1 n; f; G
        });   
  a( c4 X$ g/ [1 U( O  B2 G    });   , C' e: w( Q% U/ r# S/ L
</script>   
' n1 P! _# ]4 w" o* m</head>   
6 y8 ?* S! C4 r0 Q( I* U2 m; i   3 D: |2 ~; F9 @
<body>   
$ W3 \- |5 d% @" U7 y* Z<div style="width:100px;height:100px;background-color:#F00" id="test">点击跨域加载</div>  
2 Y3 R( y$ ~- [) j$ \5 l</body>   ! X/ ^: F0 K* W( _3 s$ V
</html>
2 J/ G7 {+ k! r

$ ]& |, o! n% F* \/ y7 Y
/ l+ Z3 a* E; L关键的一点在于 在$.getJSON()中的url参数末尾要加个callback=?     
# G2 Y$ B8 Y5 [- }; i+ C不一定非叫 callback,也可以自定义其他的名称,在test.php文件中,改相应的名称,就ok啦!/ t! g) k8 i' O: I
在输出 json 数据时,必须要加上 $_GET['callback'] 和两个括号,就像下面这样 3 J9 {% ]( F" k( e' {
echo $dal.'('.$jarr,')';z  u6 i& U/ Z9 m/ A

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部