ajax解析XML文件

最新推荐文章于 2021-08-06 10:08:56 发布

qianzhi008

最新推荐文章于 2021-08-06 10:08:56 发布

阅读量82

点赞数

分类专栏： ajax 文章标签： XML Ajax IE Tomcat Microsoft

本文链接：https://blog.csdn.net/qianzhi008/article/details/83707599

版权

ajax 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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了！