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