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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

  2021-03-18 我要评论
想了解ajax 异步获取数据实现代码 (js创建ajax对象)的相关内容吗,在本文为您仔细讲解ajax 异步获取数据的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点: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>

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们