AJAX操作XML

最新推荐文章于 2021-08-06 03:15:03 发布

xieronghua246

最新推荐文章于 2021-08-06 03:15:03 发布

阅读量94

点赞数

本文链接：https://blog.csdn.net/xieronghua246/article/details/83404660

版权

页面技术专栏收录该内容

55 篇文章 0 订阅

订阅专栏

字号：大中小

通过上一章的学习,我们已经对AJAX的工作原理有了一个基本的了解,但是上一章的例子中并没有用到AJAX中很重要的一个组件XML，所以上一章的例子最多只能称为AJAH（HTML）或者干脆就是AJAT（TEXT），因此这一章我们就来学习如何使用AJAX操作XML。

同上一章一样，首先我们需要创建一个XMLHttp对象：

var http = getHTTPObject();

假设我们有一个XML文件mailbox.xml，它的内容如下：

<?xml version="1.0" encoding="GB2312"?>
          <mailbox>
                <mail>
                    <to>老李</to>
                    <from>老张</from>
                    <heading>好久不见！</heading>
                    <body>好久不见，最近好吗?</body>
                </mail>
                <mail>
                    <to>小李</to>
                    <from>小王</from>
                    <heading>周末有空么？</heading>
                    <body>周末有空么？一起看场电影吧！</body>
                </mail>
          </mailbox>

可以看到，里面存储了两封邮件，现在我们的目标就是把这两封邮件以HTML的方式展现出来，首先我们需要创建一个简单的HTML的界面：

ajax-sample块用于展示邮件，但查看信箱按钮被按下时，loadXMLDoc函数将被调用：

function loadXMLDoc(name, parseFunc)
          {
                http.open("GET", name, true);
                http.onreadystatechange = parseFunc;
                http.send(null);
          }

可以看到，这个函数只是简单的向服务器发送一个GET请求，真正对XML文档进行处理的是parseFunc，也就是我们传入的parseMailBox函数：

getElemenText函数相当简单，它的作用就是获取一个元素的文本：

function getElementText(parentElem, name)
          {
                var result = parentElem.getElementsByTagName(name)[0];
                return result.firstChild.nodeValue;
          }

这样一个XML文档就解析完毕了，是不是相当的简单。

xieronghua246

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX操作XML

字号：大中小通过上一章的学习,我们已经对AJAX的工作原理有了一个基本的了解,但是上一章的例子中并没有用到AJAX中很重要的一个组件XML，所以上一章的例子最多只能称为AJAH（HTML）或者干脆就是AJAT（TEXT），因此这一章我们就来学习如何使用AJAX操作XML。同上一章一样，首先我们需要创建一个XMLHttp对象： var http =...
复制链接

扫一扫

专栏目录