用Ajax读取XML格式的数据，只需要读取XMLHttpRequest对象返回的responseXML属性即可。代码如下：
1、Client - helloworld.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Ajax Hello World</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(){
createXMLHttpRequest();
try{
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "data.xml", true);
xmlHttp.send(null);
}catch(exception){
alert("您要访问的资源不存在!");
}
}
function handleStateChange(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
// 取得XML的DOM对象
var xmlDOM = xmlHttp.responseXML;
// 取得XML文档的根
var root = xmlDOM.documentElement;
try
{
// 取得<info>结果
var info = root.getElementsByTagName('info');
// 显示返回结果
alert("responseXML's value: " + info[0].firstChild.data);
}catch(exception)
{
}
}
}
}
</script>
</head>
<body>
<div>
<input type="button" value="return ajax responseXML's value"
onclick="startRequest();" />
</div>
</body>
</html>
2、Server - data.xml
<?xml version="1.0" encoding="GB2312" ?>
<root>
<info>hello world!</info>
</root>
相关推荐
**Ajax读取XML数据类型详解** 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。在这个例子中，我们将...
要使用Ajax读取XML文件，我们需要以下步骤： 1. 创建XMLHttpRequest对象：这是Ajax的核心，它允许JavaScript与服务器进行异步通信。在JavaScript中，我们可以这样创建一个实例： ```javascript var xhr = new ...
以下是一个简单的AJAX读取XML文件的示例代码： ```javascript var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var xmlDoc = xhr....
这个"ajax的简单案例 读取xml读取数据库信息 发送到页面上"的示例，旨在演示如何利用Ajax实现与服务器的异步交互，获取XML数据，并将这些数据动态展示在网页上。下面我们将详细探讨Ajax的基本原理、XML数据格式以及...
本教程将深入探讨如何通过读取XML文件来生成树形结构，以及利用AJAX技术动态加载XML数据以实现交互式树形菜单。 1. **XML基础知识** - XML元素：XML文档的核心组成部分，由开始标签、内容和结束标签组成，如`...
综上所述，"ajax读取xml动态生成树"涉及到前后端的交互、XML数据的处理、动态UI生成等多个环节，是Web开发中的一个重要技能，尤其适用于需要展示层级关系的场景。理解并掌握这一技术，能有效提升用户体验和网站功能...
总的来说，通过AJAX读取XML文件，然后使用DOM或SAX解析，可以在不刷新页面的情况下实现与服务器的数据交互，极大地提高了用户体验。但需要注意的是，由于跨域限制，直接从不同源读取XML可能需要服务器端进行配置或...
用ajax函数读取xml，然后解析XML.html，ajax无刷新读取文件，先使用jQuery加载XML,然后建立一个代码片段，遍历所有student节点，获取id节点，获取节点文本，获取student下的email属性，构造HTML字符串，通过append...
在使用jQuery读取XML时，可以使用`$.ajaxError()`全局事件处理器，或者在`$.ajax()`调用中设置`error`回调函数。 ```javascript $(document).ajaxError(function(event, jqXHR, ajaxSettings, thrownError) { ...
只实现很简单的功能,使用XML储蓄,速度还可以,暂时没有优化.本人人品问题，仅支持IE5以上版本。 1.使用该控件需要空间支持目录写权限. 2.控件会在根目录下自动生成以下文档: 1.xml/xml/shopclass.xml //手动添加...
至于使用Ajax读取XML类型数据，虽然现在JSON格式更为流行，但仍有场景需要处理XML数据。以下是如何读取XML并解析它的示例： ```javascript function loadXMLData(url) { var xhr = new XMLHttpRequest(); xhr....
然而，实际应用中，XML已经不再是Ajax数据交互的主要格式，JSON（JavaScript Object Notation）因其简洁、易于解析的特性，逐渐成为首选。下面我们将深入探讨Ajax解析XML和JSON的相关知识点。 **一、Ajax基本原理**...
本篇文章将深入探讨如何使用AJAX实现自动读取数据库数据，并根据用户需求进行定时读取。 首先，我们需要理解AJAX的基本原理。AJAX通过创建XMLHttpRequest对象，向服务器发送异步请求，获取数据，然后通过JavaScript...
在本文中，我们将深入探讨如何使用Ajax技术读取数据，并结合JqChart库来创建动态且交互式的图表。首先，让我们了解Ajax的核心概念，然后详细分析JqChart库的使用，以及如何将从服务器获取的数据整合到图表中。 **...
在Struts2中，可以使用GSON库将Java对象序列化为JSON字符串，再通过AJAX发送到客户端，这样前端就可以用JavaScript解析JSON数据并更新DOM。 jQuery是一个广泛使用的JavaScript库，简化了HTML文档遍历、事件处理、...
<title>AJAX读取本地文本文档 <div id="contentDisplay"></div> <script src="app.js"></script> ``` 2. 在app.js中，编写JavaScript代码来处理文件选择和读取： ```javascript document.getElementById('...
`System.Xml`库提供了丰富的API，如`XmlDocument`用于加载和操作XML文档，`XmlNode`和`XmlElement`用于遍历和修改XML树，`XmlNodeReader`则提供了一个读取XML流的高效方式。 **4. jQuery与Ajax的结合** `jq.js`中...
在“ajax 简单实例，读取asp动态数据”这个实例中，我们将探讨如何使用Ajax与ASP（Active Server Pages）服务器端脚本进行交互，以获取并显示动态生成的数据。ASP是一种微软开发的服务器端脚本环境，用于创建动态...
本篇文章将深入探讨如何使用jQuery来读取XML和JSON数据，这两种数据格式在Web开发中广泛用于数据交换。 XML（Extensible Markup Language）是一种标记语言，用于存储和传输结构化数据。JSON（JavaScript Object ...
2. **数据格式**：尽管名字中含有XML，但Ajax并不局限于XML，还可以使用JSON、Text、Blob等多种数据格式。 3. **JavaScript封装**：通常，开发者会将XMLHttpRequest的调用封装到JavaScript函数中，方便调用和管理。...