Ajax入门

zage

Ajax异步请求
//首先要创建请求
var request = null;
function createXMLRequest(){
try{
request = new XMLHttpRequest();
}catch(trymicrosoft){
try{
request = new ActiveXObject("Msxml2.XMLHTTP");
catch(othermicrosoft){
request = new ActiveXObject("Microsoft.XMLHTTP");
}
}
if(request == null){
alert("The browser doesn't support the XMLHttpRequest!");
}
}

//发生请求
function sendRequest(){
//每次发送请求时，必须重新创建请求，不然原来的请求一直保持在响应状态，永远也别想取得服务器的最新反应。
createXMLRequest();
var url = "***";
        //使用GET方法
request.open("GET",url,true);
        //取得响应后的处理函数,即浏览器运行的回调函数
request.onreadystatechange = updatePage;
request.send(null);
//使用POST方法
request.open("POST",url,true);
request.setRequestHeader("Context-Type","application/x-www-form-urlencoded");
request.onreadystatechange = updatePage;
        //发送键值对
request.send("key=" + value);
}

//浏览器回调函数
function updatePage(){
if(request.readyState ==4){
if(request.statue == 200){
var updateMsg = request.responseText;
//下面是DOM操作
}
}
}