认识Ajax

异步对象链接服务器
1、创建

var xmlHttp;
function createXMLHttpRequest()
{
   if(window.ActiveXObject)
      xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
   else if(window.XMLHttpRequest)
       xmlHttp = new XMLHttpRequest();
}

2、建立请求

var queryString = "username=lilei&sex=male";
xmlHttp.open("GET","TEST.JSP?"+queryString,true);
//xmlHttp.open("POST",url);

3、onreadystatechange事件

xmlHttp.onreadystatechange = function()
{
  if(xmlHttp.readyState ==4 && xmlHttp.status ==200)
    //do something
    //alert("server return info:" + xmlHttp.responseText)
}

4、send()发送

xmlHttp.send(null);
//如果是POST则：
//xmlHttp.setRequestHeader("content-Type","application/x-www-form-urlencoded");
//xmlHttp.send(表单数据queryString);

最后，服务器代码

<%
if(Request.HttpMethod == "POST")
 Response.Write(Request["username"]);
else if(Request.HttpMethod == "GET")
 Response.Write("GET" + Request["username"]);
%>

onreadystatechange:每次状态改变所触发事件的事件处理程序
readyState:

• 0 = 未初始化（uninitialized）
• 1 = 正在加载（loading）
• 2 = 加载完毕（loaded）
• 3 = 交互（interactive）
• 4 = 完成（complete）

responseText从服务器进程返回的数据的字符串形式

responseXML从服务器进程返回的DOM兼容的文档数据对象

status从服务器返回的数字代码，比如404（未找到）或200（就绪）

statusText伴随状态码的字符串信息


更多的学习内容在网站 https://developer.mozilla.org/En/AJAX