当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > ajax 异步获取数据实现代码 (js创建ajax对象)

AJAX技术
AJAX教程(5):AJAX-XMLHttpRequest 对象
AJAX教程(6):AJAX - 请求服务器
AJAX教程(7):AJAX - 服务器端的脚本
AJAX教程(8):AJAX 请求实例
AJAX教程(9):AJAX 请求 源代码
AJAX教程(10):AJAX 数据库实例
AJAX教程(11):AJAX XML 实例
AJAX教程(12):AJAX ResponseXML 实例
AJAX教程(13):通过XMLHTTP把文本文件载入HTML元素
AJAX教程(14):通过XMLHTTP加载XML文件
AJAX教程(15):通过XMLHTTP进行一次HEAD请求
AJAX教程(16):通过XMLHTTP进行一次指定的HEAD请求
AJAX教程(17):把XML文件显示为HTML表格
PHP+AJAX教程(1):AJAX 简介
PHP+AJAX教程(2):AJAX XMLHttpRequest
PHP+AJAX教程(3):PHP和AJAX请求
PHP+AJAX教程(4):PHP和AJAX XML实例
PHP+AJAX教程(5):AJAX MySQL数据库实例
PHP+AJAX教程(6):AJAX responseXML实例
PHP+AJAX教程(7):AJAX Live Search

AJAX技术 中的 ajax 异步获取数据实现代码 (js创建ajax对象)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 91 ::
收藏到网摘: n/a

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>