php与Ajax（四）—xml与json数据格式

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

         register.php 

       只需修改上一篇中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;charset=utf-8");
       //告诉浏览器不要缓存数据
       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数据格式

<scriptlanguage="JavaScript">
     var people ={
            "programmers":
              [
                {"firstName":"Brett", "email": "brett@newInstance.com" },
                {"firstName":"Jason", "email": "jason@servlets.com" }
              ],
            "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;
?>