使用JSON实现数据的跨域传输

最新推荐文章于 2020-07-09 16:43:36 发布

weixin_33681778

最新推荐文章于 2020-07-09 16:43:36 发布

阅读量454

点赞数

文章标签： json php javascript ViewUI

原文链接：http://www.cnblogs.com/in-loading/archive/2012/01/06/2314044.html

版权

功能：某网站后台用php脚本得到一个JSON格式的数据，交给前台javascript进行处理，使用JSON实现数据的跨域调用

后台profile.php代码：

<?php  
$arr = array(  
    'firstname' => iconv('gb2312', 'utf-8', '非诚'),  
    'lastname' => iconv('gb2312', 'utf-8', '勿扰'),  
    'contact' => array(  
        'email' =>'fcwr@dibaye.com',  
        'website' =>'http://www.dibaye.com',  
    )  
);  
//将一个数组JSON
$json_string = json_encode($arr); 
//此处注意，双引号能对里面的变量当变量进行处理，单引号则不会 
echo "getProfile($json_string)";
?>

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

前台index.html代码：

<script type="text/javascript"> 
function getProfile(str) {  
var arr = str;  
    document.getElementById("firstname").innerHTML = arr.firstname;  
}  
</script> 
<body>
<div id="firstname"></div>
</body> 
<!-- 使用JSON实现跨域的数据调用，此处如将“profile.php”改为“http://另外一个域名/profile.php”就更能看出跨域了-->
<script type="text/javascript" src="profile.php"></script>

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

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

调用index.html

输出：非诚

转载于:https://www.cnblogs.com/in-loading/archive/2012/01/06/2314044.html

weixin_33681778

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用JSON实现数据的跨域传输

功能：某网站后台用php脚本得到一个JSON格式的数据，交给前台javascript进行处理，使用JSON实现数据的跨域调用后台profile.php代码：<?php $arr = array( 'firstname' => iconv('gb2312', 'utf-8', '非诚'), 'lastname' => iconv('gb2312',...
复制链接

扫一扫