您的位置:首页 > Web前端 > JavaScript

ajax 异步获取数据实现代码 (js创建ajax对象)

2009-11-26 00:00 886 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐