js创建ajax对象获取数据的代码

来源：爱站网时间：2022-03-30编辑：网友分享

想要在js创建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>

以上就是今天爱站技术频道小编给大家带来的内容了，觉得文章不错的，可以分享给身边有需要的朋友。关注爱站技术频道网站，里面有各种各样的技术文章等待你的发掘。

js创建ajax对象获取数据的代码

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载