1、ajax技术的使用是为了不浪费网络资源,在保持页面不动的情况下,执行局部刷新。不适用JSP进行页面请求,而是采用JS技术进行交互,在不返回整个页面的情况下,只返回需要更新的数据。
ajax技术的过程:
var 请求 = new XMLHttpServlet();
请求.onreadystatechange = function() {
if(请求 == 4){
var returnData = 请求.responseText;
//返回的需要更新的数据
}
}
状态1:准备发送。
请求.open(method,url,true);
状态2:发送
请求.send(需要传输的数据);
ajax技术的过程:
ajax技术实例:
function myAjax123() {
//使用js去请求,而不是用jsp页面中的表单去请求servlet
var request = new XMLHttpRequest();
//创建请求对象,利用XML发起请求
request.onreadystatechange = function(){
if(request.readyState == 4){
//服务器返回的信息(状态等于4,服务器的信息已经完整发送回来)
var returnData = request.responseText;
//alert(returnData);
document.getElementById("showReturn").innerHTML = "<font color='red'>"+returnData+"</font>";
}
};
//request.open(method,url,true);
//状态1:准备发送
request.open("post","doAjax",true);
//状态2:发送
request.send();
}