【ajax】xmlHttpRequest servelet生成xml文件 服务器返回的是XML格式数据

原创 2013年12月05日 20:41:21

客户端  jsp文件  

 	<select id="province" name="province">
 		<option value="">请选择省份...</option>
 	</select>
 	 <select id="city" name="city">
 		<option value="">请选择城市...</option>
 	</select>

javascript代码 

function ajaxFunction(){
	var xmlHttp;
	try{        //Firefox
		xmlHttp = new XMLHttpRequest();
	}catch(e){
		try{  //IE 
			xmlHttp = new ActiveXObject("Msxm12.XMLHTTP");
		}catch(e){
			try{
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			}catch(e){}
		}
	}
	return xmlHttp; 
}

window.onload = function(){	 
		//获取xmlhttpRequest对象
		var xmlReq = ajaxFunction();		
		//处理服务器的响应  ,实时监听
		xmlReq.onreadystatechange = function(){
			//alert(xmlReq.status);
			if(xmlReq.readyState == 4){ //响应发送完毕
				if(xmlReq.status == 200 || xmlReq.status == 304){ 
				var xmlDoc = xmlReq.responseXML;
				var provinceElements = xmlDoc.getElementsByTagName("province");
				//alert(provinceElements.length);
				for(var i=0;i<provinceElements.length;i++){
					var provinceElement = provinceElements[i];
					var attrName = provinceElement.getAttribute("name");
					var optionElement = document.createElement("option");
					optionElement.setAttribute("value", attrName);
					var textElement = document.createTextNode(attrName);
					optionElement.appendChild(textElement);
					var provinceElement = document.getElementById("province");
					provinceElement.appendChild(optionElement);
				}
				}
			}	
		}
		//打开和服务器的链接
		xmlReq.open("post","./TestServlet",true);  //url.....
		xmlReq.setRequestHeader("content-type","application/x-www-form-urlencoded");
		//发送服务 get请求不会发送任何数据
		xmlReq.send(null);		
}

服务器端  生成xml 文件 

package myDemo;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class TestServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	public void doPost(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/xml;charset=utf-8");
		PrintWriter out = response.getWriter();
		out.println("<china>");
		out.println("<province name='湖南省'>");
		out.println("<city>长沙</city>");
		out.println("<city>郴州</city>");
		out.println("<city>岳阳</city>");
		out.println("<city>株洲</city>");
		out.println("</province>");
		
		out.println("<province name='广东省'>");
		out.println("<city>广州</city>");
		out.println("<city>深圳</city>");
		out.println("<city>惠州</city>");
		out.println("<city>东莞</city>");
		out.println("</province>");
		
		out.println("</china>");
	}
}


相关文章推荐

java连接windows下的mongodb数据库方法

在硬盘中新建一个名为mongodb的文件夹,我的位置是 d:\mongodb。在该文件夹中新建名为data和logs的文件夹,分别存放数据库数据和日志。 将下载好的文件解压,复制bin文件夹中的...

object 与xml的转换读取

1.object ====> xml XmlDocument doc = new XmlDocument();  XmlElement Root = doc.CreateElement("Tabl...
  • aabbjj
  • aabbjj
  • 2015年03月05日 17:15
  • 681

1.AJAX:客户端(服务器返回的是XML数据格式)

/** 10003 保定 ...

解决ajax程序访问服务器返回的XML文件时, firebug出现: XML 解析错误问题

在ajax中使用xml文本时, 出现xmlHttpRequest.responseText显示正确的数据, 并且服务器返回HTTP 200(OK), 但是使用firebug查看xml文件时,却出现如下...
  • coofee
  • coofee
  • 2012年04月23日 20:56
  • 1842

把服务器返回来的XML文件翻译成java类

这个是在给国付宝发送过去一个连接(带各种)

客户端POST提交、服务器返回Xml格式数据的demo

//register.php ajax用户注册 body{ font-family: "Microsoft JhengHei"; } label{ font-weight: b...

AJAX 对服务器返回的XML的处理js和jquery

在AJAX 中,服务器端如果返回的XML 文档,则可以通过异步对象的responseXML 属性来获取器XML 数据。而开发者可以利用DOM 的相关方法对其进行处理。   假设服务器返回的X...
  • Baple
  • Baple
  • 2013年08月31日 10:35
  • 3809

ajax如何处理服务器返回的3种数据格式

这篇东西本身是非常基础的,但是经常在处理ajax返回值的时候还是会犯各种小错误,所以就想到把这些方法结合以前写过的代码片段整理一下,方便以后复习和使用。另外呢,虽然能搜到很多类似的文档,但是整理一份自...

Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)

Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML) 一、XMLHttpRequest对象   ...

AJAX 学习笔记[四] AJAX 对服务器返回的XML 的处理

在AJAX 中,服务器端如果返回的XML 文档,则可以通过异步对象的responseXML 属性来获取器XML 数据。而开发者可以利用DOM 的相关方法对其进行处理。   假设服务器返回的X...
  • houshen
  • houshen
  • 2011年08月18日 18:04
  • 233
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【ajax】xmlHttpRequest servelet生成xml文件 服务器返回的是XML格式数据
举报原因:
原因补充:

(最多只允许输入30个字)