js使用XMLHttpRequest例項程式碼

其實下面就是一段ajax程式碼例項，程式碼是用來實現使用者登入的，當登入成功或者失敗的時候都會給出彈出資訊，程式碼非常的簡單。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
var userName; 
var passWord; 
var xmlHttpRequest; 
//XmlHttpRequest物件 
function createXmlHttpRequest()
{ 
  if(window.ActiveXObject)//如果是IE瀏覽器 
  {
    return new ActiveXObject("Microsoft.XMLHTTP"); 
  }
  else if(window.XMLHttpRequest)//非IE瀏覽器 
  { 
    return new XMLHttpRequest(); 
  } 
} 
function onLogin()
{ 
  userName=document.f1.username.value; 
  passWord=document.f1.password.value; 
  var url="LoginServlet?username="+userName+"&password="+passWord+""; 
  //1.建立XMLHttpRequest組建 
  xmlHttpRequest=createXmlHttpRequest(); 
  //2.設定回撥函式 
  xmlHttpRequest.onreadystatechange = zswFun; 
  //3.初始化XMLHttpRequest組建 
  xmlHttpRequest.open("POST",url,true); 
  //4.傳送請求 
  xmlHttpRequest.send(null); 
} 
//回撥函式 
function zswFun()
{ 
  if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200)
  { 
    var b=xmlHttpRequest.responseText; 
    if(b == "true")
    { 
      alert("登入成功！"); 
    }
    else
    { 
      alert("登入失敗！"); 
    } 
  } 
}