php+Ajax处理xml与json格式数据的方法示例

前端  /  管理员 发布于 7年前   754

本文实例讲述了php+Ajax处理xml与json格式数据的方法。分享给大家供大家参考，具体如下：

一、ajax如何处理xml数据格式

register.php

只需修改上一篇《php+Ajax无刷新验证用户名操作》中chuli函数部分

functionchuli(){ 

// window.alert("cuhli函数被调用"+myXmlHttpRequest.readyState);  

//我要取出从register.php返回的数据  

if(myXmlHttpRequest.readyState==4){    

//------------看看如何取出xml数据--------    

//获取mes节点    

var mes=myXmlHttpRequest.responseXML.getElementsByTagName("mes");    

//取出mes节点值    

var mes_value=mes[0].childNodes[0].nodeValue;    

$("myres").value=mes_value;  }}

Process.php 代码

<?php    

//第一讲话告诉浏览器返回的数据是xml格式    

header("Content-Type:text/xml;");    

//告诉浏览器不要缓存数据    

header("Cache-Control:no-cache");    

//接收数据(这里要和请求方式对于 _POST 还是 _GET)    

$username=$_POST['username'];    

//这里我们看看如何处理格式是xml    

$info="";    

if($username=="李四"){       

$info.="<res><mes>用户名不可以用,对不起</mes></res>";//注意，这里数据是返回给请求的页面.    

}else{       

$info.="<res><mes>用户名可以用,恭喜</mes></res>";    

}    

echo $info;?>

二、ajax如何处理json数据格式

json格式介绍

① json的格式如下 ：

"{属性名:属性值,属性名:属性值,.... }"

因为json数据是原生态数据，因此这种数据格式很稳定，而且描述能力强,我们建议大家使用json格式

② json数据格式的扩展

如果服务器返回的json 是多组数据，则格式应当如下:

$info="[{"属性名":"属性值",...},{"属性名":"属性值",...},....]";

在xmlhttprequest对象接收到json数据后，应当这样处理

//转成对象数组

varreses=eval("("+xmlHttpRequest.responseText+")");

//通过reses可以取得你希望的任何一个值reses[?].属性名

③ 更加复杂的json数据格式</p><pre>

<script language="JavaScript">   

var people ={      

"programmers":       

[        

{"firstName":"Brett", "email": "[email protected]" },        

{"firstName":"Jason", "email": "[email protected]" }       

],      

"writer":           

[              

{"writer":"宋江","age":"50"},              

{"writer":"吴用","age":"30"}           

],           "sex":"男"};

window.alert(people.programmers[0].firstName);

window.alert(people.programmers[1].email);

window.alert(people.writer[1].writer);

window.alert(people.sex);

</script>

register.php 部分中chuli函数

function chuli(){  

if(myXmlHttpRequest.readyState==4){    

//------------看看如何取出json数据--------    

var mes= myXmlHttpRequest.responseText;    

//使用evla函数将mes转换成相应的对象    

var mes_obj=eval("("+mes+")");    

$("myres").value=mes_obj.res;  

}}

process.php 代码

<?php  

header("Content-Type: text/html;charset=utf-8");  

//告诉浏览器不要缓存数据  

header("Cache-Control: no-cache");  

$info="";  

if($username=="1"){    

$info='{"res":"该用户不可用"}';  

}  else{    

//$info是一个json数据格式的字串    

$info='{"res":"恭喜，用户名可用"}';  

}

echo $info;?>