ajax 異步獲取數(shù)據(jù)實現(xiàn)代碼 (js創(chuàng)建ajax對象)
更新時間:2009年11月26日 00:23:54 作者:
ajax實現(xiàn)異步獲取數(shù)據(jù)代碼,非常不錯,大家可以參考下,這個是應(yīng)用于用戶名的實時監(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 動態(tài)傳遞jsp等頁面使用id辨識傳遞對象
本文為大家介紹下使用ajax動態(tài)傳遞jsp等頁面,js的jax編寫,使用id辨識傳遞對象2014-01-01AJAX 動態(tài)加載后臺數(shù)據(jù) 綁定select的方法
今天小編就為大家分享一篇AJAX 動態(tài)加載后臺數(shù)據(jù) 綁定select的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程分享
以下是Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程,希望本文對廣大php開發(fā)者有所幫助,感謝閱讀本文2014-01-01