JavaScript下通過(guò)的XMLHttpRequest發(fā)送請(qǐng)求的代碼
更新時(shí)間：2011年06月28日 23:59:25 作者：
JavaScript下通過(guò)的XMLHttpRequest發(fā)送請(qǐng)求的代碼，需要的朋友可以參考下。
使用XMLHttpRequest對(duì)象分為4部完成:
1.創(chuàng)建XMLHttpRequest組建
2.設(shè)置回調(diào)函數(shù)
3.初始化XMLHttpRequest組建
4.發(fā)送請(qǐng)求
實(shí)例代碼：
var userName;
var passWord;
var xmlHttpRequest;
//XmlHttpRequest對(duì)象
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ā)送請(qǐng)求
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ā)送請(qǐng)求
實(shí)例代碼：
復(fù)制代碼 代碼如下:
var userName;
var passWord;
var xmlHttpRequest;
//XmlHttpRequest對(duì)象
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ā)送請(qǐng)求
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)文章
js+css實(shí)現(xiàn)的圓角邊框TAB選項(xiàng)卡滑動(dòng)門(mén)代碼分享（2款）
這篇文章主要為大家詳細(xì)介紹了兩種js+css實(shí)現(xiàn)的圓角邊框TAB選項(xiàng)卡滑動(dòng)門(mén)效果，很實(shí)用的代碼，推薦給大家，有需要的小伙伴可以參考下2015-08-08
這篇文章主要介紹了微信小程序生成分享海報(bào)方法（附帶二維碼生成），文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
JavaScript中的ArrayBuffer詳細(xì)介紹
這篇文章主要介紹了JavaScript中的ArrayBuffer詳細(xì)介紹,本文講解了Array 在內(nèi)存中的堆棧模型、原始緩沖區(qū)的創(chuàng)建、數(shù)據(jù)化數(shù)組、DataView對(duì)象、XHR2 中的 ArrayBuffer等內(nèi)容,需要的朋友可以參考下2014-12-12
JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹(shù)的計(jì)數(shù)算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹(shù)的計(jì)數(shù)算法,結(jié)合具體實(shí)例形式分析了javascript二叉樹(shù)記錄更新次數(shù)的原理與操作技巧,需要的朋友可以參考下2017-04-04
JavaScript中繼承原理與用法實(shí)例入門(mén)
這篇文章主要介紹了JavaScript中繼承原理與用法,結(jié)合實(shí)例形式分析了JavaScript中繼承的基本概念、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
關(guān)于TypeScript中import JSON的正確姿勢(shì)詳解
2012年10月首度對(duì)外公布typescript（當(dāng)時(shí)已經(jīng)是0.7？的版本）同時(shí)開(kāi)源，ts的編譯器是用js編寫(xiě)的（后來(lái)改成ts？），可以在線編寫(xiě)。下面這篇文章主要給大家介紹了關(guān)于TypeScript中import JSON的正確姿勢(shì)，需要的朋友可以參考下。2017-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript中內(nèi)建對(duì)象的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-11-11
Javascript實(shí)現(xiàn)登錄記住用戶名和密碼功能
本文主要介紹了Javascript實(shí)現(xiàn)登錄記住用戶名和密碼功能的代碼。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
原生js實(shí)現(xiàn)shift/ctrl/alt按鍵的獲取
小測(cè)試shift、ctrl、alt按鍵的獲取，感興趣的朋友可以參考下哈，希望可以幫助到你2013-04-04
下面小編就為大家?guī)?lái)一篇淺談javascript中的三種彈窗。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10