1. 程式人生 > >使用JavaScript的XMLHttpRequest傳送POST、GET請求以及接收返回值

使用JavaScript的XMLHttpRequest傳送POST、GET請求以及接收返回值

使用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("登入失敗!");    
        }           
    }    
}  

最後歡迎大家訪問我的個人網站:1024s