JavaScript下通過的XMLHttpRequest發(fā)送請求的代碼
更新時間：2011年06月28日 23:59:25 作者：
JavaScript下通過的XMLHttpRequest發(fā)送請求的代碼，需要的朋友可以參考下。
使用XMLHttpRequest對象分為4部完成:
1.創(chuàng)建XMLHttpRequest組建
2.設(shè)置回調(diào)函數(shù)
3.初始化XMLHttpRequest組建
4.發(fā)送請求
實例代碼：
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.創(chuàng)建XMLHttpRequest組建
xmlHttpRequest = createXmlHttpRequest();
//2.設(shè)置回調(diào)函數(shù)
xmlHttpRequest.onreadystatechange = zswFun;
//3.初始化XMLHttpRequest組建
xmlHttpRequest.open("POST",url,true);
//4.發(fā)送請求
xmlHttpRequest.send(null);
}
//回調(diào)函數(shù)
function zswFun(){
if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){
var b = xmlHttpRequest.responseText;
if(b == "true"){
alert("登錄成功！");
}else{
alert("登錄失?。?);
}
}
}
1.創(chuàng)建XMLHttpRequest組建
2.設(shè)置回調(diào)函數(shù)
3.初始化XMLHttpRequest組建
4.發(fā)送請求
實例代碼：
復(fù)制代碼 代碼如下:
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.創(chuàng)建XMLHttpRequest組建
xmlHttpRequest = createXmlHttpRequest();
//2.設(shè)置回調(diào)函數(shù)
xmlHttpRequest.onreadystatechange = zswFun;
//3.初始化XMLHttpRequest組建
xmlHttpRequest.open("POST",url,true);
//4.發(fā)送請求
xmlHttpRequest.send(null);
}
//回調(diào)函數(shù)
function zswFun(){
if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){
var b = xmlHttpRequest.responseText;
if(b == "true"){
alert("登錄成功！");
}else{
alert("登錄失?。?);
}
}
}
相關(guān)文章
這篇文章主要介紹了聊聊鑒權(quán)那些事(推薦)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
JS中類的靜態(tài)方法，靜態(tài)變量，實例方法，實例變量區(qū)別與用法實例分析
這篇文章主要介紹了JS中類的靜態(tài)方法，靜態(tài)變量，實例方法，實例變量區(qū)別與用法,結(jié)合實例形式詳細(xì)分析了JS中類的靜態(tài)方法，靜態(tài)變量，實例方法，實例變量相關(guān)功能、使用方法及操作注意事項,需要的朋友可以參考下2020-03-03
js實現(xiàn)用于建立新的一行且增加的四個文本框為空的且被禁用
js實現(xiàn)用于建立新的一行且增加的四個文本框為空的且被禁用...2007-04-04
深入理解JS中attribute和property的區(qū)別
property 和 attribute非常容易混淆，但實際上，二者是不同的東西，屬于不同的范疇，本文就詳細(xì)的介紹一下JS中attribute和property的區(qū)別 ，感興趣的可以了解一下2022-02-02
JavaScript數(shù)學(xué)對象之?dāng)?shù)字進制轉(zhuǎn)換
這篇文章主要為大家講解了JavaScript數(shù)學(xué)對象——數(shù)字進制轉(zhuǎn)換的實現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
呵呵，又弄成了三部曲，這是最后一部分，關(guān)于鼠標(biāo)和瀏覽器本身顯示上的一些屬性。2010-06-06
這篇文章主要介紹了JavaScript中通用的jquery動畫滾屏實例,本文通過實際代碼來詳解實現(xiàn)方法,需要的朋友可以參考一下2022-07-07
這篇文章主要介紹了點評js異步加載的4種方式，幫助大家更全面的了解js異步加載方式，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了微信小程序中時間戳和日期的相互轉(zhuǎn)換問題，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2018-07-07
js如何構(gòu)造elementUI樹狀菜單的數(shù)據(jù)結(jié)構(gòu)詳解
由于業(yè)務(wù)需要，要求實現(xiàn)樹形菜單，且菜單數(shù)據(jù)由后臺返回，下面這篇文章主要給大家介紹了關(guān)于js如何構(gòu)造elementUI樹狀菜單的數(shù)據(jù)結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2021-05-05