Ajax学习笔记，原生Ajax，使用XMLHttpRequest读取xml内容

allarea.xml文件

	
		1
		
	
	
		2
		
	
	
		3
		
	

AjaxOpXML.html文件

 
  
  
 
 
 
	

		请选择喜欢的城市:
			
				-请选择城市
			
	
 

然后运行tomcat，运行AjaxOpXML.html。

结果如图：

Ajax和dom解析，动态设置xml内容。

一：定义CitySelectServlet.class

package cn.ajax;
import java.io.*;
import org.w3c.dom.*;
import javax.xml.parsers.*;
import javax.xml.parsers.DocumentBuilder;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.xml.transform.*;
import javax.xml.transform.dom.*;
import javax.xml.transform.stream.*;


public class CitySelectServlet extends HttpServlet {
	public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
		this.doPost(request,response) ;
	}
	public void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
		//防止页面乱码，可以在此设置charset为GBK
		response.setContentType("text/xml;charset=GBK") ;
		PrintWriter out = response.getWriter() ;
		//调用内存流
		ByteArrayOutputStream bos = new ByteArrayOutputStream() ;
		try {
			DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance() ;
			DocumentBuilder builder = factory.newDocumentBuilder() ;
			Document doc = builder.newDocument() ;

			String data[] = {"北京1","上海1","广州1"} ;
			Element allarea = doc.createElement("allarea") ;
			for(int x=0;x

编译完成后，在web.xml中设置Servlet映射路径

web.xml文件：

...
 
	SelectServlet
	cn.ajax.CitySelectServlet
  
  
	SelectServlet
	/AjaxDemo/SelectServlet
  
...

然后，在AjaxOpXML.html中修改

xmlHttp.open("POST","SelectServlet") ;

然后重新打开tomcat服务器，运行AjaxOpXML.html，运行结果如下图：