:某网站后台用php脚本得到一个JSON格式的数据,交给前台javascript进行处理,使用JSON实现数据的跨域调用
后台profile.php代码:
JSON和XML没什么太大区别,不过JSON有一个更大范围的应用,那就是,跨域的数据调用。由于安全性问题,AJAX不支持跨域调用,这样要调用不同域名下的数据,很麻烦。下面这个例子,足以展示php用json如何进跨域调用了。
后台profile.php代码:
复制代码 代码如下:
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)";
?>
复制代码 代码如下:
<?php
$arr = array(
'firstname' =>
iconv('gb2312', 'utf-8',
'非诚'),
'lastname' => iconv('gb2312', 'utf-8', '勿扰'),
'contact' => array(
'email' =>'fcwr@www.111cn.net',
'website' =>'',
)
);
//将一个数组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('nick').innerHTML = arr.nick;
}
</script>
<body><div id="nick"></div></body>
<script type="text/javascript"
src=";
需要指出的是,在非UTF-8编码下,中文字符将不可被encode,结果会出来空值,所以,如果你使用 gb2312编写PHP代码,那么就需要将包含中文的内容使用iconv或者mb转为UTF-8再进行json_encode。
复制代码 代码如下:
被调文件profile.php
前台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”改为“;
<script type="text/javascript" src="profile.php"></script>
复制代码 代码如下:
代码如下
将JSON格式的数据直接赋值给javascript中的变量,就变成数组了,接下来操作起来就会非常的方便,此处如果使用XML做为数据传输,后续操作就不方便喽。
很显然,当index.html调用profile.php时,JSON字符串生成,并作为参数传入getProfile,然后将昵称插入到div
中,这样一次跨域数据交互就完成了
调用index.html
输出:非诚
<?php
$arr = array(
'name' => 'tanteng',
'nick' => 'pony',
'contact' => array(
'email' => 'a@gmail.com',
'website' => '',
)
);
$json_string = json_encode($arr);
echo "getProfile($json_string)";
?>
<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”改为“;
<script type="text/javascript" src="profile.php"></script>
您可能感兴趣的文章:
- php跨域cookie共享使用方法
- PHP中运用jQuery的Ajax跨域调用实现代码
- ThinkPHP框架实现session跨域问题的解决方法
- 浅析php中jsonp的跨域实例
- PHP如何实现跨域
- PHP如何利用P3P实现跨域
- PHP防止跨域提交表单
- php jq jquery getJSON跨域提交数据完整版
- php跨域调用json的例子
- 两种简单的跨域方法(jsonp、php)
当index.html调用profile.php时,JSON字符串生成,并作为参数传入getProfile,然后将昵称插入到div中,这样一次跨域数据交互就完成了,是不是特别简单。
将JSON格式的数据直接赋值给javascript中的变量,就变成数组了,接下来操作起来就会非常的方便,此处如果使用XML做为数据传输,后续操作就不方便喽。
您可能感兴趣的文章:
- php跨域cookie共享使用方法
- PHP中运用jQuery的Ajax跨域调用实现代码
- ThinkPHP框架实现session跨域问题的解决方法
- 浅析php中jsonp的跨域实例
- 使用JSON实现数据的跨域传输的php代码
- PHP如何实现跨域
- PHP如何利用P3P实现跨域
- PHP防止跨域提交表单
- php jq jquery getJSON跨域提交数据完整版
- 两种简单的跨域方法(jsonp、php)
很显然,当index.html调用profile.php时,JSON字符串生成,并作为参数传入getProfile,然后将昵称插入到div 中,这样一次跨域数据交互就完成了
调用index.html
本文由金沙贵宾会官网发布于网络安全,转载请注明出处:php跨域调用json的例子,php利用json数据实现跨域操
关键词: