使用XMLHttpRequest對象分為4部完成:
1.建立XMLHttpRequest組建
2.設定回呼函數
3.初始化XMLHttpRequest組建
4.發送請求
執行個體代碼:
複製代碼 代碼如下:
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("登入失敗!");
}
}
}