使用JSON实现数据的跨域传输的php代码
程序员文章站
2022-04-28 15:45:55
后台profile.php代码： 复制代码 代码如下: iconv('gb2312', '...
后台profile.php代码：
<?php
$arr = array(
'firstname' => iconv('gb2312', 'utf-8', '非诚'),
'lastname' => iconv('gb2312', 'utf-8', '勿扰'),
'contact' => array(
'email' =>'fcwr@jb51.net',
'website' =>'//www.jb51.net',
)
);
//将一个数组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
输出：非诚
复制代码 代码如下:
<?php
$arr = array(
'firstname' => iconv('gb2312', 'utf-8', '非诚'),
'lastname' => iconv('gb2312', 'utf-8', '勿扰'),
'contact' => array(
'email' =>'fcwr@jb51.net',
'website' =>'//www.jb51.net',
)
);
//将一个数组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
输出：非诚