港服(Server.HK)JSON教程:php跨域调用json的例子

JSON和XML没什么太大区别,不过JSON有一个更大范围的应用,那就是,跨域的数据调用。由于安全性问题,AJAX不支持…

JSON和XML没什么太大区别,不过JSON有一个更大范围的应用,那就是,跨域的数据调用。由于安全性问题,AJAX不支持跨域调用,这样要调用不同域名下的数据,很麻烦。下面这个例子,足以展示php用json如何进跨域调用了。

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="http://www.openphp.cn/demo/profile.php" rel="external nofollow" ></script>

被调文件profile.php

代码如下:

<?php  
$arr = array(  
    'name' => 'tanteng',  
    'nick' => 'pony',  
    'contact' => array(  
        'email' => '[email protected]',  
        'website' => 'http://aa.sinaapp.com',  
    )  
);  
$json_string = json_encode($arr);  
echo "getProfile($json_string)";  
?>

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

PHP json格式和js json格式 js跨域调用实现代码

先看一个js函数 

代码如下:

function jsontest() 
{ 
var json = [{'username':'crystal','userage':'20'},{'username':'candy','userage':'24'}]; 
alert(json[1].username); 

var json2 = [['crystal','20'],['candy','24']]; 
alert(json2[0][0]); 
} 

这个函数,第一个alert(json[1].username); 会提示 “candy”。 json 变量是一个数组对象。所以要采用 obj.username 这样的格式来调用。 

第二个 alert(json2[0][0]); 会提示 “crystal”。 json2变量是完全的一个json格式。 json和json2变量都达到了相同的效果,但json2明显要比json精简了很多。 

这是 JavaScript 的json 格式。 

下面我们来看看php中的json格式。 

还是先看一段代码 

代码如下:

$arr = array ( 
array ( 
'catid' => '4', 
'catname' => '程程', 
'meta_title' => '程程博客' 
), 

array ( 
'catid' => '6', 
'catname' => 'climber', 
'meta_title' => '攀登者', 
) 
); 
$jsonstr = json_encode($arr); 
echo $jsonstr; 

这段代码中,$arr是一个数组,我们采用 json_encode 将$arr 转换为了 json 格式 。 

这段代码会输出: 

[{“catid”:”4″,”catname”:”\u7a0b\u7a0b”,”meta_title”:”\u7a0b\u7a0b\u535a\u5ba2″},{“catid”:”6″,”catname”:”climber”,”meta_title”:”\u6500\u767b\u8005″}] 

这就是php对于json数据的处理。 

对于json数据,php 也可以采用 json_decode()函数将json数据转换成数组 。 

比如 上述代码中,我们采用json_decode函数处理下。又会打印出上面的数组。 

$jsonstr = json_encode($arr); 

$jsonstr = json_decode($jsonstr); 

print_r($jsonstr); 

接下来,我们看看,php json数据和 js json数据如何相互调用。 

我们新建一个 php_json.php 文件 

代码如下: 

$arr = array ( 
array ( 
'catid' => '4', 
'catname' => '程程', 
'meta_title' => '程程博客' 
), 

array ( 
'catid' => '6', 
'catname' => 'climber', 
'meta_title' => '攀登者', 
) 
); 
$jsonstr = json_encode($arr); 

—–下面写在php区间之外—– 

var jsonstr=< ? = $jsonstr ? >; 

PS:在php_json.php文件末尾 var jsonstr=< ? = $jsonstr ? >; 这一句。 这是将json格式的数据赋值给 jsonstr 变量。 

我们再建立一个 json.html 文件 

代码如下:

<SCRIPT type=text/javascript src="php_json.php"></SCRIPT>
<SCRIPT language=javascript type=text/javascript> 
  function loadjson(_json) 
  { 
    if(_json) 
  { 
    for(var i=0;i<_json.length;i++) 
     { 
       alert(_json[i].catname); 
      } 
   } 
} 
loadjson(jsonstr) 
</SCRIPT> 

这样,我们在查看 json.html的时候,loadjson(jsonstr) 就会 提示 “程程”和“climber” 

这样也实现了js跨域调用。

为您推荐

港服(Server.HK)Angular教程:Angular 编译器选项

Angular 编译器选项 使用 AoT 编译 时,可以通过在 Typ...

港服(Server.HK)Vue CLI教程:Vue CLI 快速原型开发

你可以使用 vue serve 和 vue build 命令对单个 *...

港服(Server.HK)SASS教程:7. 小结

本文介绍了sass最基本部分,你可以轻松地使用sass编写清晰、无冗余、语义化的css。对于sass提供的工具你已经有了...

港服(Server.HK)JSON教程:解析javascript 数组(以及json元素的添加删除)

javasscript删除数组的3种方法 1、用shift()方法 shift:删除原数组第一项,并返回删除元素的值;如...

港服(Server.HK)JSON教程:在 Perl 中使用 JSON

本教程将会教我们如何使用 Perl 编程语言编码和解码 JSON 对象。让我们先来准备环境以便针对 JSON 进行 Pe...
返回顶部