7.14号学习itcast ajax视频笔记3

最新推荐文章于 2019-03-01 22:26:51 发布

vzhchv0012

最新推荐文章于 2019-03-01 22:26:51 发布

阅读量130

点赞数

分类专栏： ajax 文章标签： Ajax XML JavaScript HTML 应用服务器 ViewUI

本文链接：https://blog.csdn.net/vzhchv0012/article/details/83429900

版权

ajax 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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="校验" οnclick="verifyown()" />
    <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文件最大的不同在于取数据的不同

vzhchv0012

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
7.14号学习itcast ajax视频笔记3

1.首先用XMLHttpRequest对象来进行简单的验证例子,在这例子里分get和post两种方式分别写例子,还有纯文本和xml两种返回用户信息格式get方法返回xml文件:1.xml.html&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/...
复制链接

扫一扫