Ajax无刷新实现步骤

var xmlHttp;
function test(){
一、创建XMLHttpRequest对象(注：下面的代码都是在js下写的)；
var userName = document.getElementById("userName").value;
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
if(xmlHttp.overrideMimeType){
xmlHttp.overrideMimeType("text/xml");
}
}else if(window.ActiveXObject){
var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for(var i = 0 ;i < activexName.length; i++){
try{
xmlHttp = new ActiveXObject(activexName[i]);
break;
}catch(e){
}
}
}
if(!xmlHttp){
alert("XMLHttpRequest对象创建失败");
return;
}

二、注册回调函数；
xmlHttp.onreadystatechange = callback;

三、设置连接信息；
1.xmlHttp.open("get","servlet?name="+userName,true);
2.xmlHttp.open("post","servlet",true);

需要设置请求头文件
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

四、发送数据，开始和服务器端进行交互；
1.xmlHttp.send(null);
2.xmlHttp.send("name="+userName);
}

五、回调函数,接受响应数据；
function callback(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
//1.获得纯文本；
var responseText = xmlHttp.responseText;
document.getElementById("id").value = responseText;
//2.获得XML文档；
var responseXML = xmlHttp.responseXML;
var messageNodes = responseXML.getElementsByTagName("message");
var textNode = messageNodes[0].firstChild;
var responseMessage = textNode.nodeValue;
document.getElementById("id").value = responseMessage;
}
}
}


其中：在servlet中，要有以下语句：

//1.获得纯文本；
response.setContentType("text/html;charset=utf-8");