复制代码 代码如下:
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>
您可能感兴趣的文章:- jQuery Ajax异步处理Json数据详解
- jquery的ajax异步请求接收返回json数据实例
- 详谈 Jquery Ajax异步处理Json数据.
- extJS中常用的4种Ajax异步提交方式
- SpringMVC环境下实现的Ajax异步请求JSON格式数据
- 使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页
- 使用AjaxFileUpload.js实现异步文件上传示例
- Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
- 原生JavaScript实现Ajax异步请求