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

发布时间:2022-04-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ajax 异步获取数据实现代码 (js创建ajax对象)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_777_0@复制代码 代码如下:

<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 异步获取数据实现代码 (js创建ajax对象)全部内容,希望文章能够帮你解决ajax 异步获取数据实现代码 (js创建ajax对象)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: