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


中途有遇到一些问题:

                         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;
}



你可能感兴趣的:(Ajax学习)