1.XML文件为：data.xml
<?xml version="1.0" encoding="GB2312" ?>
<root>
<info>测试数据!</info>
</root>
2用来测试读取XML的页面为：test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Ajax Read Xml</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>
分享到：
- 2008-12-25 11:12
- 浏览 1639
- 评论(1)
- 论坛回复 / 浏览 (1 / 3983)
- 查看更多
相关推荐
**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的核心是JavaScript的XMLHttpRequest对象，它允许浏览器在后台与服务器进行通信。在不打断用户与页面交互的情况下，发送请求...
本教程将深入探讨如何通过读取XML文件来生成树形结构，以及利用AJAX技术动态加载XML数据以实现交互式树形菜单。 1. **XML基础知识** - XML元素：XML文档的核心组成部分，由开始标签、内容和结束标签组成，如`...
综上所述，"ajax读取xml动态生成树"涉及到前后端的交互、XML数据的处理、动态UI生成等多个环节，是Web开发中的一个重要技能，尤其适用于需要展示层级关系的场景。理解并掌握这一技术，能有效提升用户体验和网站功能...
总的来说，通过AJAX读取XML文件，然后使用DOM或SAX解析，可以在不刷新页面的情况下实现与服务器的数据交互，极大地提高了用户体验。但需要注意的是，由于跨域限制，直接从不同源读取XML可能需要服务器端进行配置或...
在使用jQuery读取XML时，可以使用`$.ajaxError()`全局事件处理器，或者在`$.ajax()`调用中设置`error`回调函数。 ```javascript $(document).ajaxError(function(event, jqXHR, ajaxSettings, thrownError) { ...
只实现很简单的功能,使用XML储蓄,速度还可以,暂时没有优化.本人人品问题，仅支持IE5以上版本。 1.使用该控件需要空间支持目录写权限. 2.控件会在根目录下自动生成以下文档: 1.xml/xml/shopclass.xml //手动添加...
1. **获取XML数据**：当Ajax请求完成，可以通过`responseXML`属性获取到XML文档对象。 2. **DOM解析**：使用DOM（Document Object Model）接口，如`getElementsByTagName()`, `getAttribute()`, `childNodes`等方法...
在本案例中，Struts2.1.8与AJAX结合，用于从服务器获取数据并动态更新视图，同时涉及了XML、GSON和jQuery JSON三种数据交换格式。 XML（Extensible Markup Language）是一种标记语言，常用于数据交换，特别是在前后...
AJAX（Asynchronous JavaScript and XML）技术使得无需刷新整个页面即可实现局部数据的动态更新。本篇文章将深入探讨如何使用AJAX实现自动读取数据库数据，并根据用户需求进行定时读取。 首先，我们需要理解AJAX的...
至于使用Ajax读取XML类型数据，虽然现在JSON格式更为流行，但仍有场景需要处理XML数据。以下是如何读取XML并解析它的示例： ```javascript function loadXMLData(url) { var xhr = new XMLHttpRequest(); xhr....
用ajax函数读取xml，然后解析XML.html，ajax无刷新读取文件，先使用jQuery加载XML,然后建立一个代码片段，遍历所有student节点，获取id节点，获取节点文本，获取student下的email属性，构造HTML字符串，通过append...
在本文中，我们将深入探讨如何使用Ajax技术读取数据，并结合JqChart库来创建动态且交互式的图表。首先，让我们了解Ajax的核心概念，然后详细分析JqChart库的使用，以及如何将从服务器获取的数据整合到图表中。 **...
- **ajaxxml.aspx**: 这个页面是处理Ajax请求的核心，它会接收并响应来自客户端的Ajax请求，执行相应的XML数据操作。 - **Show.config**: 这可能是一个配置文件，用于设置服务器端的数据源或者其他相关配置信息。 - ...
jQuery是一个快速、小巧且功能...总结来说，本示例演示了如何使用jQuery中的Ajax方法读取XML数据，并动态地将这些数据展示在网页上。通过这种方式，可以有效地从服务器获取数据并以用户友好的方式实时更新网页内容。
<title>AJAX读取本地文本文档 <div id="contentDisplay"></div> <script src="app.js"></script> ``` 2. 在app.js中，编写JavaScript代码来处理文件选择和读取： ```javascript document.getElementById('...
在“ajax 简单实例，读取asp动态数据”这个实例中，我们将探讨如何使用Ajax与ASP（Active Server Pages）服务器端脚本进行交互，以获取并显示动态生成的数据。ASP是一种微软开发的服务器端脚本环境，用于创建动态...
在Ajax中，XML可以作为传输的数据格式，因为它结构清晰，易于解析。这里的XML文件可能包含了要读取或写入的数据，如数据库记录或其他结构化信息。 IFrame（Inline Frame）是HTML的一个元素，它可以在一个网页中嵌入...