Ajax学习(二),通过XML与服务器进行交互

var xmlHttp;

function verify() {

	//获得节点userName的值
	var userName = document.getElementById("userName").value;

	//创建XMLHTTPRequest对象
	//需要针对不同浏览器使用不同的方法获得对象
	if(window.XMLHttpRequest) {
		//针对FireFox、mozilla、opera、ie7、ie8、safari
		xmlHttp = new XMLHttpRequest();
		//针对某些mozilla浏览器的Bug修正
		if(xmlHttp.overrideMimeType) {
			xmlHttp.overrideMimeType("text/xml");
		}
	} else if(window.ActiveXObject) {
		//针对ie6及其以下版本
		var activexName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
		for(var i = 0; i<activexName.length; i++) {
			try {
				xmlHttp = new ActiveXObject(activxName[i]);
				break;
			} catch (e) {}
		}
	}

	xmlHttp.onreadystatechange = callback;

	xmlHttp.open("POST", "AjaxXmlServer", true);
	//Post方式提交
	xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xmlHttp.send("name=" + userName);

}

function callback() {

	if(xmlHttp.readyState == 4) {

		if(xmlHttp.status == 200) {
			//获得服务端返回的xml数据 <message>content</message>
			alert(xmlHttp.responseText);
			var domObj = xmlHttp.responseXML;
			//getElementsByTagName方法获得某个标签名所对应的所有节点(return array)
			var messageNodes = domObj.getElementsByTagName("message");
			document.getElementById("result").innerHTML = messageNodes[0].firstChild.nodeValue;

		} else {
			window.alert("出错！");
		}

	}

}

中途有遇到一些问题:

                         responseXML总是为空,responseText中的数据却是正确的。

                         原因是在写xmlHttp.overrideMimeType("text/xml") 时把xml写成了html

                         注意在servlet中 response.setContextType("text/xml;charset=utf-8");

jQuery通过XML交互的方法：

function verify() {

	$.ajax({
		type: "POST",
		url: "AjaxXmlServer",
		data: "name=" + $("#userName").val(),
		dataType: "XML",	//
		success: callback
	});

}


function callback(data) {

	/*var jqueryObj = $(data);
	var message = jqueryObj.children();
	var text = message.text();
	$("#result").html(text);*/

	var text = $(data).find("content").text();
	$("#result").html(text);
}

在有些特殊的情况下(例如把请求次数放在session中，每次请求加1)

  希望每一次点击都是一次新的请求而不是读取缓存的话

 可以再url中添加时间戳，欺骗浏览器:

function convertURL(url) {

	var time = (new Date()).valueOf();
	if(url.index("?") >=0 ) {
		url = url + "&t=" + time;
	} else {
		url = url + "?t=" + time;
	}

	return url;
}