ajax解析XML文件,test.xml文件如下:
<?xml version="1.0" encoding="UTF-8"?>
<user>
<uname>苹果超人</uname>
<sex>男</sex>
</user>
AjaxTest.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ajax Test</title>
<script type="text/javascript">
function sendReq(){
if(window.ActiveXObject){
try{
// 声明一个保存XMLHttpRequest对象的变量(IE 6.0+) http_request = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
// 声明一个保存XMLHttpRequest对象的变量(IE 5.5+)
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
}
if(!http_request){
window.alert("xmlHttp not supported!");
return false;
}
// 属性存有处理服务器响应的函数(每当readyState改变时,onreadystatechange函数就会被执行)
http_request.onreadystatechange = processReq;
//与服务端建立连接(请求方式post或get,地址,true表示异步)
http_request.open("GET","test.xml",true);
http_request.send(null);// 发送请求
}
// 回调函数
function processReq(){
if(http_request.readyState == 4){//请求状态为4表示成功
if(http_request.status == 200){//http状态200表示OK
var xmlDoc = http_request.responseXML;
alert(xmlDoc.getElementsByTagName("uname")[0].text);
document.getElementById("username").innerHTML=xmlDoc.getElementsByTagName("uname")[0].firstChild.nodeValue;
document.getElementById("usersex").innerHTML=xmlDoc.getElementsByTagName("sex")[0].firstChild.nodeValue;
}else{
alert("error status:"+http_request.status);
}
}
}
</script>
</head>
<body>
<h2>根据用户名检索详细信息</h2>
<form action="../user.action">
<input type="text" name="usname" />
<input type="button" onclick="sendReq()" value="检索"/>
<table>
<tr>
<td>姓名:</td><td id="username"></td>
</tr>
<tr>
<td>性别:</td><td id="usersex"></td>
</tr>
</table>
</form>
</body>
</html>
到这里一个简单的ajax就完成了,但是你要看一下你的tomcat中的web.xml中有没有
<mime-mapping>
<extension>xml</extension>
<mime-type>application/xml</mime-type>
</mime-mapping>
当服务一个静态资源时,Tomcat根据这些mapping和资源的扩展名会自动生成“Content-Type”。这样就OK了!
分享到:
相关推荐
下面我们将深入探讨Ajax解析XML和JSON的相关知识点。 **一、Ajax基本原理** 1. **异步通信**:Ajax的核心是XMLHttpRequest对象,它允许浏览器向服务器发送异步请求,获取服务器响应,而无需重新加载整个页面。 2. *...
现在,`xmlDoc`变量包含了XML文件的文档对象模型,我们可以遍历和操作XML节点。 6. 更新网页:有了解析后的XML数据,我们就可以根据需求在网页上显示或操作这些数据,而无需刷新整个页面。 例如,假设XML文件包含...
在本文档中,我们探讨了如何使用Ajax技术发送XML数据,并在Java服务器端进行解析。Ajax,即异步JavaScript和XML,是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。以下是对这个过程的详细说明...
下面,我们将详细讨论AJAX如何读取XML文件的原理和步骤: 1. **创建XMLHttpRequest对象**:AJAX的核心是XMLHttpRequest对象,它是浏览器提供的API,用于在后台与服务器通信。在JavaScript中,可以通过`new ...
在本篇文档中,我们主要探讨了使用Spring MVC和Ajax技术实现导出和导入XML文件的功能。这一技术在Web开发中十分常见,用于在客户端与服务器之间传输数据,且常常用于文件操作场景。 首先,我们来看文档中提及的导入...
AJAX 全称为 Asynchronous JavaScript and XML,允许页面在不重新加载整个页面的情况下与服务器进行通信。尽管“XML”是其名称的一部分,但 AJAX 实际上可以处理多种数据格式,包括 JSON、HTML 和文本。 **2. 使用 ...
通常,这种技术可以避免用户等待整个页面刷新,而是仅下载所需的数据,例如XML文件,并在后台处理或展示给用户。 【标签】"源码"和"工具"表明这篇博文可能包含实际的代码示例和可能使用的工具或库,如jQuery的Ajax...
这种方式适用于大型XML文件,因为它不需要一次性加载整个文档到内存。 - E4X(ECMAScript for XML):E4X是JavaScript的一种扩展,允许直接在JavaScript中处理XML。例如,`var doc = new XML(xmlString)`可以创建...
在JavaScript中,我们可以利用AJAX的异步特性,通过XMLHttpRequest对象来获取XML文件并解析其中的数据。 首先,我们需要创建一个XML文件,如`city.xml`,包含城市信息: ```xml 北京 上海 广州 深圳 ``` 接...
在本案例中,Ajax用于动态加载和解析XML文件,从而实现省市县的联动选择。 首先,我们需要一个XML文件,如`city.xml`,其中包含省、市、县的结构数据。例如: ```xml 省份A" postcode="10000"> 城市A1" ...
在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。XML(Extensible Markup Language)则是一种用于...
在IT行业中,Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下更新部分网页内容的技术。Ajax的核心在于创建XMLHttpRequest对象,通过这个对象与服务器进行异步数据交换,从而实现页面的...
XML(eXtensible Markup Language)是一种用于标记数据的语言,广泛应用于数据交换、配置文件、文档存储等领域。DOM(Document Object Model)是XML和HTML文档的标准对象模型,它将文档结构化为一个树形结构,方便...
在IT行业中,Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。在本示例中,我们关注的是如何利用Ajax从服务器获取以XML(Extensible Markup Language)格式的...
在这里,XML文件(如ChinaArea.xml)通常包含省市县区的层次结构数据,便于Ajax请求获取和解析。 以下是实现这个功能的关键步骤: 1. **创建XML数据结构**:首先,你需要创建一个XML文件,如ChinaArea.xml,来存储...
### 利用Ajax传递Xml文档:深入解析与实践 在Web开发中,异步JavaScript和XML(Ajax)技术被广泛用于实现网页与服务器之间的异步数据交换,从而提升用户体验,减少页面重载次数。本文将深入探讨如何使用Ajax来传递...
以上从给定文件的信息中提取了关于Ajax与XML交互的知识点,包括基本概念、Ajax请求的实现方式、XML响应的解析以及数据展示的方式。这些知识点对于理解和开发基于Ajax的应用程序非常有用。需要注意的是,示例代码中的...
Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术使得用户可以与网页进行更流畅、更快捷的交互,提高了用户体验。Ajax的核心是JavaScript异步通信...
这个“用AJAX加载XML文件网页源代码”示例可能包含了一组教程或实例,展示了如何利用AJAX与XML文件进行交互,以提升用户体验。XML(Extensible Markup Language)则是一种结构化数据格式,常用于存储和传输数据。 ...
通过本章节的学习,我们不仅掌握了如何利用AJAX技术从服务器获取XML文件,还学会了如何解析XML数据并将结果以HTML的形式展示出来。这种方法广泛应用于现代Web开发中,尤其是在需要动态更新页面内容而无需重新加载...