韩顺平AJAX和jquery笔记整理(3)

//window.alert(mes.length); //mes[0]->表示取出第一个mes节点 //mes[0].childNodes[0]->表示第一个mes节点的第一个子节点 var mes_val=mes[0].childNodes[0].nodeValue; $('myres').value=mes_val; } }

//这里我们写一个函数 function $(id){ return document.getElementById(id); }

regisgerProcess.php

//这里两句话很重要,第一讲话告诉浏览器返回的数据是xml格式 header(\

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

header(\

//接收数据(这里要和请求方式对于 _POST 还是 _GET) $username=$_POST['username'];

//这里我们看看如何处理格式是xml $info=\

if($username==\ $info.=\用户名不可以用,对不起\注意，这里数据是返回给请求的页面. }else{ $info.=\用户名可以用,恭喜\ }

echo $info; ?>

ajax处理返回的json

① json的格式如下 ：

\属性名:属性值,属性名:属性值,.... }\

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

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

$info=\属性名\属性值\属性名\属性值\

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

//转成对象数组

var reses=eval(\

//通过reses可以取得你希望的任何一个值

reses[?].属性名 ③ 更加复杂的json数据格式

小结:

当一个ajax请求到服务器，服务器可以根据需求返回 三种格式的数据,那么我们应当选择哪一个?

1. 如果你的项目经理没有特殊的要求，建议使用json

2. 若应用程序不需要与其他应用程序共享数据的时候, 使用 HTML 片段来返回数据时最简单的

3. 如果数据需要重用, JSON 文件是个不错的选择, 其在性能和文件大小方面有优势

4. 当远程应用程序未知时, XML 文档是首选, 因为 XML 是 web 服务领域的 “世界语”

省市联动

showCities.php页面

//创建ajax引擎

function getXmlHttpObject(){ var xmlHttpRequest; //不同的浏览器获取对象xmlhttprequest 对象方法不一样 if(window.ActiveXObject){ xmlHttpRequest=new ActiveXObject(\ }else{ xmlHttpRequest=new XMLHttpRequest(); } return xmlHttpRequest;

}

var myXmlHttpRequest=\

function getCities(){

myXmlHttpRequest=getXmlHttpObject();

if(myXmlHttpRequest){

var url=\ var data=\ myXmlHttpRequest.open(\异步方式

myXmlHttpRequest.setRequestHeader(\-urlencoded\ //指定回调函数 myXmlHttpRequest.onreadystatechange=chuli; //发送 myXmlHttpRequest.send(data); } }

function chuli(){ if(myXmlHttpRequest.readyState==4){ if(myXmlHttpRequest.status==200){ //取出服务器回送的数据 var

cities=myXmlHttpRequest.responseXML.getElementsByTagName(\ $('city').length=0; var myOption=document.createElement(\ myOption.innerText=\城市--\ //添加到 $('city').appendChild(myOption); //遍历并取出城市 for(var i=0;i