ajax 異步獲取數(shù)據(jù)實(shí)現(xiàn)代碼 (js創(chuàng)建ajax對(duì)象)
更新時(shí)間:2009年11月26日 00:23:54 作者:
ajax實(shí)現(xiàn)異步獲取數(shù)據(jù)代碼,非常不錯(cuò),大家可以參考下,這個(gè)是應(yīng)用于用戶名的實(shí)時(shí)監(jiān)測。
復(fù)制代碼 代碼如下:
<script type="text/javascript"><!--
var request = false;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
if (!request) alert("Error initializing XMLHttpRequest!");
//獲取信息
function GetInfo() {
var url = "test.aspx?userName=" + document.getElementById("txtName").value;
request.open("GET", url, true);
request.onreadystatechange = updatePageTime;
request.send(null);
}
//更新頁面
function updatePageTime() {
if (request.readyState == 4) {
if (request.status == 200) {
var response = request.responseText;
document.getElementById("txtLoginName").value = response;
} else if (request.status == 404) {
alert("Requested URL is not found.");
} else if (request.status == 403) {
alert("Access denied.");
} else
alert("status is " + request.status);
}
}
// --></script>
<form id="form1" runat="server">
<input id="txtName" onchange="GetInfo()" type="text" />
<input id="txtLoginName" type="text" />
</form>
相關(guān)文章
Ajax對(duì)xml信息的接收和處理操作實(shí)例分析
這篇文章主要介紹了Ajax對(duì)xml信息的接收和處理操作,結(jié)合實(shí)例形式分析了ajax針對(duì)xml結(jié)構(gòu)信息的相關(guān)處理操作技巧,需要的朋友可以參考下2019-07-07ajax 動(dòng)態(tài)傳遞jsp等頁面使用id辨識(shí)傳遞對(duì)象
本文為大家介紹下使用ajax動(dòng)態(tài)傳遞jsp等頁面,js的jax編寫,使用id辨識(shí)傳遞對(duì)象2014-01-01Jquery Ajax請(qǐng)求方法小結(jié)(值得收藏)
本文給大家介紹jquery ajax請(qǐng)求方法小結(jié),jquery作為一個(gè)輕量級(jí)的js框架,能快速的開發(fā)js應(yīng)用,并且在一定程度上改變了我們寫js代碼的習(xí)慣,對(duì)jquery ajax請(qǐng)求感興趣的朋友參考下2015-11-11Ajax 實(shí)現(xiàn)網(wǎng)站劫持的檢測方法
https可以徹底解決劫持的問題。但是一般虛擬主機(jī)都不支持 https,難道http只能任流氓們惡意劫持么?下面通過本文給大家介紹Ajax 實(shí)現(xiàn)網(wǎng)站劫持的檢測方法,需要的朋友可以參考下2017-08-08AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法
今天小編就為大家分享一篇AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程分享
以下是Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程,希望本文對(duì)廣大php開發(fā)者有所幫助,感謝閱讀本文2014-01-01ajax的get請(qǐng)求時(shí)緩存處理解決方法
這篇文章主要介紹了ajax的get請(qǐng)求時(shí)緩存處理解決方法,詳細(xì)分析了常見的四種解決方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02