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