ajax中怎么异步获取数据

发布时间:2021-07-28 16:05:10 作者:Leah
来源:亿速云 阅读:311

这篇文章给大家介绍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中怎么异步获取数据就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. Jquery ajax异步提交
  2. jquery中Ajax的异步和同步

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ajax

上一篇:CSS3中怎么创建一个动态菜单效果

下一篇:iisftpdr.vbs中怎么创建一个FTP虚拟目录

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》