码迷,mamicode.com
首页 > Web开发 > 详细

用 json 实现跨域,实现数据的交换

时间:2015-01-12 09:30:32      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

   前不久突然想到了,如果我的数据在后台,那么如何把数据,放到前台,进行处理,前后台不在一个域中,那么怎么数据跨域了,我想到了用json 操作。后台的代码如下:

 ht.php

 $ar=array('a'=>'你好','b'=>'他们','d'=>'中国');
 $json_str=json_encode($ar);
 echo "getProfile($json_str)";

 关于json 我还想说一句,在php 中一般把数据转换成json 数据,用函数json_encode();

需要指出的是,在非UTF-8编码下,中文字符将不可被encode,结果会出来空值,所以,如果你使用 gb2312编写PHP代码,那么就需要将包含中文的内容使用iconv或者mb转为UTF-8再进行json_encode。

前台页面:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>


  <script type="text/javascript">
function getProfile(ar){
      var arr=ar;
      $("#di").html(ar.d);
}
  </script>
</head>
<body>
  <div id="di"></div>
</body>
<script type="text/javascript" src="http://127.0.0.1/cs/ht.php"></script>
</html>

将JSON格式的数据直接赋值给javascript中的变量,就变成数组了,接下来操作起来就会非常的方便,此处如果使用XML做为数据传输,后续操作就不方便喽。

很显然,当index.html调用profile.php时,JSON字符串生成,并作为参数传入getProfile,然后将昵称插入到div 中,这样一次跨域数据交互就完成了。



用 json 实现跨域,实现数据的交换

标签:

原文地址:http://blog.csdn.net/xingjigongsi/article/details/42612391

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!