本文以实例形式剖析了Ajax与servlet的交互，并且代码中有较为详细的注释，以帮助大家阅读理解。具体的实现方法如下：
1.JavaScript部分
var req;
/*通过异步传输XMLHTTP发送参数到ajaxServlet，返回符合条件的XML文档*/
var url;
function getResult()
{
var f=document.getElementById("form_pub");
var key=f.s.options[f.s.selectedIndex].text; //获取对select中文本的引用
if (window.XMLHttpRequest)
{
req = new XMLHttpRequest();
url = "ajaxServlet?action="/tech-java/key/index.html"&bm=UTF-8";
}else if (window.ActiveXObject)
{
req = new ActiveXObject("Microsoft.XMLHTTP");
url = "ajaxServlet?action="/tech-java/key/index.html"&bm=gbk";
}
if(req)
{
req.open("GET",url, true);
req.setRequestHeader("Content-Type", "text/html;charset=UTF-8");
//这里如果不设定头部则会导致 firfox 发送数据错误，servlet接受到的参数为乱码，在IE中正常
req.onreadystatechange = complete;
req.send(null);
//req.setRequestHeader("Content-Type", "text/xml; charset=UTF-8");
}
}
/*分析返回的XML文档*/
function complete(){
if (req.readyState == 4)
{
if (req.status == 200)
{
var items=document.getElementById("belong");
//以下为解析返回的XML文档
var xmlDoc = req.responseXML;
var Node=xmlDoc.getElementsByTagName("type_name");
//var str=new Array();
var str=null;
//清空工作
items.innerHTML=""; //删除一个 select内的全部内容
for(var i=0;i