ajax中怎么異步獲取數據

這篇文章給大家介紹ajax中怎么異步獲取數據，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

代碼如下:

<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>

關于ajax中怎么異步獲取數據就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。