XMLHttpRequest 简介
要真正实现这种绚丽的奇迹,必须非常熟悉一个 JavaScript 对象,即 XMLHttpRequest
。这个小小的对象实际上已经在几种浏览器中存在一段时间了,它是本专栏今后几个月中要介绍的 Web 2.0、Ajax 和大部分其他内容的核心。为了让您快速地大体了解它,下面给出将要用于该对象的很少的几个 方法和属性。
open()
:建立到服务器的新请求。
send()
:向服务器发送请求。
abort()
:退出当前请求。
readyState
:提供当前 HTML 的就绪状态。
responseText
:服务器返回的请求响应文本。
客户端HTML代码:
<script language="javascript" type="text/javascript">
var xmlHttp = false;
try {
xmlHttp = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
xmlHttp = false;
}
}
}
if (!xmlHttp)
alert("Error initializing XMLHttpRequest!");
function getCustomerInfo() {
var phone = document.getElementById("qq").value;
var url = "demo2.asp?qq=" + escape(phone);
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePage;
xmlHttp.send(null);
}
function updatePage() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var response = xmlHttp.responseText.split("|");
document.getElementById("message").innerHTML = '号码是:' + response[0] + '<br>姓名是:' + response[1] + '<br>性别是:' + response[2] + '<br>职务是:' + response[3];
alert("响应服务完成!");
}
else if (xmlHttp.status == 404) {
alert('请求的网址不存在!');
}
else {
alert('错误:错误代码为:' + xmlHttp.status);
}
}
}
</script>
<input id="qq" type="text" onchange="getCustomerInfo()" />
<div id="message">请尝试输入我的QQ号码:178010108,会看到返回的详细资料.</div>
服务端程序代码:
<%
Response.ContentType = "text/xml"
Response.CharSet = "GB2312"
if request("qq") = "178010108" then
response.write "178010108|阿里西西|男|ASP技术"
else
response.write "这个QQ号码是空号哦"
end if
%>
分享到:
相关推荐
XMLHTTPRequest简介
对XMLHTTPRequest的调用方法、属性等做详细介绍。
1.1 XMLHttpRequest 简介 12 1.2 用 XMLHttpRequest 发送请求 18 1.3 处理服务器响应 22 第 3 部分: Ajax 中的高级请求和响应 28 1.1 深入了解 HTTP 就绪状态 29 1.2 显微镜下的响应数据 33 1.3 深入了解 ...
压缩包“ajax.rar”内含:“《掌握Ajax.chm》”...掌握 Ajax,第 1 部分: Ajax 入门简介 http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro1.html 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 ...
火龙果软件工程技术中心 本文内容包括:Web2.0一瞥XMLHttpRequest简介用XMLHttpRequest发送请求处理服务器响应结束语参考资料多数Web应用程序都使用请求/响应模型从服务器上获得完整的HTML页面。常常是点击一个按钮...
[转]XMLHTTPRequest的属性和方法简介
简介 ajax-proxy是一个用ES6中代理特性实现的用于代理原生对象XMLHttpRequest的库,它可以使您从对XMLHttpRequest进行操作。 使用 安装 CDN约会 < script > ...
阿贾克斯钩原理解析: : 简介Ajax-hook是一个精巧的用于拦截浏览器XMLHttpRequest的库,它可以在XMLHttpRequest对象发起请求之前和接收响应内容之后获得处理权。通过它您可以在对请求和响应进行一些预处理。更新记录...
Ajax入门简介,XmlHttpRequest的相关知识。
Ajax简介及上手,内附XMLHttpRequest介绍,以及例子演示
Ajax入门简介,关于XmlHttpRequest的相关知识。
研讨内容 Ajax原理与Web2.0 通过案例分析Ajax优缺点 ...1999年IE5.0作为一个ActiveX对象形式引入了XMLHttpRequest对象 目的是实现通过后台获取数据 其他浏览器则把它作为window对象的属性 …………
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML...使用 XMLHttpRequest 进行异步数据查询、检索; 使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文。
Ajax技术(电子手册) 1 第1章 Web2.0概览 1 1.1概述 1 1.2从Web1.0到Web2.0 1 ...3.5 XMLHTTPRequest 13 第4章 理解Ajax 14 4.1概述 14 4.2工作原理 14 4.3基本原则 16 4.4特性 17 4.5优势 19 4.6框架和工具包 19
本节简介(异步链接服务器对象)XMLHTTPRequest以及AJAX的简介。 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML)。 AJAX有四个方面的好处:1.即减轻了服务器的负担。2带来了更好的用户体验。3....
它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 (图片说明:摄于阿联酋艾因(Al Ain)的绿洲公园) 一、简介 CORS需要浏览器和服务器同时...