AJAX基础教程－2 ParseXML

js 代码

<script type=< span="">"text/javascript">
var xmlHttp;
var requestType = "";
//创建xmlHttp对象
function createXMLHttpRequest() {
    if (window.ActiveXObject) {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest) {
    xmlHttp = new XMLHttpRequest();
    }
}
//开始相应解析parseXML.xml
function startRequest(requestedList) {
    requestType = requestedList;
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", "parseXML.xml", true);
    xmlHttp.send(null);
}
//处理相关的操作
function handleStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            if(requestType == "north") {
            listNorthStates();
            }
            else if(requestType == "all") {
            listAllStates();
            }
        }
    }
}
function listNorthStates() {
    var xmlDoc = xmlHttp.responseXML;//读取解析的xml信息
    var northNode = xmlDoc.getElementsByTagName("north")[0];
    var out = "Northern States";
    var northStates = northNode.getElementsByTagName("state");
    outputList("Northern States", northStates);
}
function listAllStates() {
    var xmlDoc = xmlHttp.responseXML;
    var allStates = xmlDoc.getElementsByTagName("state");
    outputList("All States in Document", allStates);
}
function outputList(title, states) {
    var out = title;
    var currentState = null;
    for(var i = 0; i < states.length; i++) {
    currentState = states[i];
    out = out + "\n- " + currentState.childNodes[0].nodeValue;
    }
alert(out);
}
</script>

xml 代码

<!---->xml version="1.0" encoding="UTF-8"?>
<states>
    <north>
        <state>Minnesotastate>
        <state>Iowastate>
        <state>North Dakotastate>
    north>
    <south>
        <state>Texasstate>
        <state>Oklahomastate>
        <state>Louisianastate>
    south>
    <east>
        <state>New Yorkstate>
        <state>North Carolinastate>
        <state>Massachusettsstate>
    east>
    <west>
        <state>Californiastate>
        <state>Oregonstate>
        <state>Nevadastate>
    west>
states>

• ParseXML.rar (1.3 KB)
• 下载次数: 16

分享到：

AJAX基础教程－3 Dynamic Content | AJAX基础教程－1 innerHTML

• 2007-02-10 17:21
• 浏览 1445
• 评论(0)
• 查看更多

相关推荐

AJAX基础教程－9 AutoComplete

**AJAX基础教程－9 AutoComplete** 在Web开发中，AJAX（Asynchronous JavaScript and XML）技术被广泛用于实现页面的无刷新更新，提供更好的用户体验。本教程将聚焦于一个常见的应用场景——AutoComplete功能，它...

AJAX基础教程-AJAX编程(Javascript实现).rar

- **Ajax基础教程(做为字典最好了).chm**：这可能是一个关于AJAX基础的离线帮助文档，详细解释了AJAX的基本概念和技术点。 - **ajax教程.chm**：另一个AJAX教程，可能包含更多的示例和实践指导。 - **AJAX教程(威...

AJAX基础教程－5 Ajax Validate

**标题：“AJAX基础教程－5 Ajax Validate”** 在AJAX（异步JavaScript和XML）技术中，Ajax Validate是一个关键的实践，它涉及到在不刷新整个页面的情况下验证用户输入的数据。这种验证方式提供了更好的用户体验，...

AJAX基础教程－6 Dynamic List

**AJAX基础教程－6 Dynamic List** 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种不刷新整个页面即可更新部分网页内容的技术。在本教程中，我们将深入探讨如何利用AJAX实现动态列表（Dynamic List）...

AJAX基础教程－3 Dynamic Content

**AJAX基础教程 - 3 Dynamic Content** 在Web开发中，AJAX（Asynchronous JavaScript and XML）技术允许我们在不刷新整个页面的情况下更新部分网页内容，从而提供更流畅、响应更快的用户体验。本教程将深入探讨AJAX...

AJAX基础教程－4 GetAndPostExample

**AJAX基础教程——4 GetAndPostExample** 在本文中，我们将深入探讨AJAX（Asynchronous JavaScript and XML）技术，并通过具体的"GetAndPostExample"示例来理解其工作原理。这个例子涵盖了AJAX的基本使用，包括GET...

AJAX基础教程.pdf

### AJAX基础教程知识点总结 #### 一、AJAX概述 - **定义**：Asynchronous JavaScript and XML（异步JavaScript和XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 - **目的**：提高Web应用的...

Ajax基础教程

**Ajax基础教程** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。这种技术在现代Web开发中被广泛应用，极大地提升了用户体验，因为它允许页面在后台与服务器...

AJAX基础教程

**AJAX基础教程** 在Web开发领域，AJAX（Asynchronous JavaScript and XML）是一种不可或缺的技术，它使得网页可以在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。本教程将带您深入理解AJAX的基本...

WXHHDI01-AJAX-B1-GetStarted-CS

【标题】"WXHHDI01-AJAX-B1-GetStarted-CS" 指的是一份关于使用AJAX（Asynchronous JavaScript and XML）技术的入门教程，特别针对初学者，帮助他们理解并掌握如何在JavaScript中实现异步数据交互。在Web开发中，...

Ajax基础教程(PDF)

**Ajax基础教程** Ajax，全称为"Asynchronous JavaScript and XML"，是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。这种技术的核心在于利用JavaScript与服务器进行异步数据交换，结合XML（或JSON...

非常好Ajax基础教程

【Ajax基础教程详解】 Ajax（异步JavaScript和XML）是一种技术，它利用浏览器早已存在的功能，但直到近年来Gmail、Google搜索建议和Google地图等应用出现后才引起了广泛关注。Ajax的核心在于两个关键特性：无需刷新...

ajax 基础教程大合集

这个"ajax 基础教程大合集"包含了北大青鸟的教程、基础教程、综合手册以及快速上手指南，覆盖了Ajax的基础到进阶内容，对于初学者来说是很好的学习资源。学习这些教程，可以深入理解Ajax的工作原理，掌握如何使用...

Ajax 基础教程

**Ajax基础教程** Ajax，全称为"Asynchronous JavaScript and XML"，是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。这项技术的核心在于利用JavaScript与服务器进行异步数据交换，提升了用户体验...

Ajax基础教程(html版下载)121-190页

**Ajax基础教程(html版下载)121-190页** Ajax，全称为Asynchronous JavaScript and XML（异步JavaScript和XML），是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它使得Web应用程序可以更加动态和...

AJAX基础到精通教程

**AJAX基础到精通教程** AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新，大大提升了用户...

Ajax基础教程 附源码

**Ajax基础教程** Ajax，全称为"Asynchronous JavaScript and XML"，是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。这种技术的核心在于利用JavaScript与服务器进行异步数据交换，从而提高了网页...