7.14号学习itcast ajax视频 笔记3
1.首先用XMLHttpRequest对象来进行简单的验证例子,在这例子里分get和post两种方式分别写例子,还有纯文本和xml两种返回用户信息格式
get方法返回xml文件:
1.xml.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>hehe</title> <script type="text/javascript" src="jslib/xml.js"></script></head><body> ========<br /> <input id="name" type="text" /> <input type="button" value="校验"/> <div id="result" ></div></body></html>
2.xml.js
var xmlhttp;function verifyown() { //....同以前的一个}function callback(){ //,最主要差别在于返回格式的不同.返回的是responseXML对象. if(xmlhttp.readyState== 4) { if(xmlhttp.status == 200){ //获取服务器返回对象 //应用responseXML 来接收xml对象的dom对象 //接收的是dom的对象 var domobj =xmlhttp.responseXML ; //在dom中利用getElementsByTagName方法来获取元素节点. //返回的是一个标签名数组 var nodes = domobj.getElementsByTagName("message"); if(nodes.length>0){ //返回该节点的第一二个子节点 var subnode = nodes.firstChild; //对于文本节点来说,可以通过下面方法获取文本节点的值 var messagexml = subnode.nodeValue; var divNode = document.getElementById("result"); //把该节点的值设置为刚得到的值 divNode.innerHTML = messagexml; } } }}
返回xml文件 最大的不同在于取数据的不同
页:
[1]