jQuery调用AJAX异步操作超清晰教程.doc

JQUERY AJAX异步操作详细说明 AJAX 全称 Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。它并非一种新的技术，而是以下几种原有技术的结合体。 1) 使用CSS和XHTML来表示。 2) 使用DOM模型来交互和动态显示。 3) 使用XMLHttpRequest来和服务器进行异步通信。 4) 使用javascript来绑定和调用。 通过AJAX异步技术，可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请求(Request)/应答(Response)模型： 1) 不需要用户等待服务端响应。在异步派发XMLHttpRequest请求后控制权马上就被返回到浏览器。界面不会出现白板，在得到服务器响应之前还可以友好的给出一个加载提示。 2) 不需要重新加载整个页面。为XMLHttpRequest注册一个回调函数，待服务器响应到达时，触发回调函数，并且传递所需的少量数据。“按需取数据”也降低了服务器的压力。 3) 不需要使用隐藏或内嵌的框架。在XHR对象之前，模拟Ajax通信通常使用hack手段，如使用隐藏的或内嵌的框架(iframe标签)。 下面介绍下AJAX中的重要对象：XMLHttpRequest。 XMLHttpRequest对象(XHR) XMLHttpRequest是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或接收XML及其他数据的一套API。 XMLHttpRequest对象首次以ActiveX对象形式在微软Internet Explorer(IE) 5中以引入。其他浏览器制造商在认识到这一对象重要性后也纷纷实现了XMLHttpRequest对象，但是以一个本地JavaScript对象而不是作为一个ActiveX对象实现。而如今，由于安全性、标准等问题，微软已经在其IE 7中把XMLHttpRequest实现为一个本地JavaScript对象。 API 描述 客服端请求 open(method,url,async, bstrUser, bstrPassword) 规定请求的类型、URL 以及是否异步处理请求。 1) method：请求的类型，例如：POST、GET、PUT及PROPFIND。大小写不敏感。 2) url：请求的URL地址，可以为绝对地址也可以为相对地址。 3) async[可选]：true（默认，异步）或 false（同步）。 注释：当您使用async=false 时,JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢，应用程序会挂起或停止。此时，不需要编写onreadystatechange回调函数，把代码放到send() 语句后面即可。 4) bstrUser[可选]：如果服务器需要验证，此处指定用户名，如果未指定，当服务器需要验证时，会弹出验证窗口。 5) bstrPassword[可选]：验证信息中的密码部分，如果用户名为空，则此值将被忽略。 getRequestHeader(name) 获取指定的相应头部信息 setRequestHeader(name,value) 自定义HTTP头部信息。需在open()方法之后和send()之前调用，才能成功发送请求头部信息。 传送门：HTTP 头部详解 Accept 浏览器能够处理的媒体类型 Accept-Charset 浏览器申明自己接收的字符集 Accept-Encoding 浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，支持什么压缩方法（gzip，deflate） Host 客户端指定要请求的WEB服务器的域名/IP 地址和端口号 Referer 发出请求的页面的URI Content-Type 标明发送或者接收的实体的MIME类型。传送门： 1、HTTP Content-type对照表 2、格式：Content-Type: [type]/[subtype]; parameter X-Requested-With 非标准HTTP头，只为firefox3标注是否为ajax异步请求，null表示为同步请求。 默认情况下，服务器对POST请求和提交Web表单不会一视同仁，将Content-Type头部信息设置为application/x-www-form-urlencoded (模拟表单提交) send(string) 将请求发送到服务器。参数string仅用于POST请求；对于GET请求的参数写在url后面，所以string参数传递null。 ab