六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 22|回复: 0

7.14号学习itcast ajax视频 笔记3

[复制链接]

升级  19.33%

23

主题

23

主题

23

主题

秀才

Rank: 2

积分
79
 楼主| 发表于 2013-2-7 16:07:34 | 显示全部楼层 |阅读模式
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[0].firstChild;                   //对于文本节点来说,可以通过下面方法获取文本节点的值                   var messagexml = subnode.nodeValue;                   var divNode = document.getElementById("result");                   //把该节点的值设置为刚得到的值                    divNode.innerHTML =   messagexml;                }                                          }    }} 
返回xml文件 最大的不同在于取数据的不同
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表