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

心语小站站长

心语小站站长

2016-02-19 10:52

今天图老师小编要向大家分享个ajax 异步获取数据实现代码 (js创建ajax对象)教程,过程简单易学,相信聪明的你一定能轻松get!
代码如下:

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
展开更多 50%)
分享

猜你喜欢

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

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

jquery 获取json数据实现代码

Web开发
jquery 获取json数据实现代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript Ajax 类实现代码

Web开发
javascript Ajax 类实现代码

Ajax初试之读取数据篇实现代码

Web开发
Ajax初试之读取数据篇实现代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Ajax 表单验证 实现代码

Web开发
Ajax 表单验证 实现代码

AJAX 进度条实现代码

Web开发
AJAX 进度条实现代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

利用javascript中的call实现继承

利用javascript中的call实现继承

java 二维数组矩阵乘法的实现方法

java 二维数组矩阵乘法的实现方法
下拉加载更多内容 ↓