当前位置： 移动技术网 > IT编程>脚本编程>Ajax > ajax 异步获取数据实现代码 （js创建ajax对象）

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

2017年12月12日  | 移动技术网IT编程  | 我要评论
复制代码 代码如下:

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网