文档介绍：
jQuery 程序设计基础教程 jQuery jQuery 程序设计基础教程程序设计基础教程授课教师: 授课教师: 职务: 职务: 第10章jQuery 与Ajax 课程描述课程描述 Ajax 是Asynchronous JavaScript and XML (异步的JavaScript 和XML )的缩写。它由一组相互关联的 Web 开发技术组成,用于在客户端创建异步的 Web 应用程序。使用 Ajax 开发的 Web 应用程序可以在不刷新页面的情况下,与 Web 服务器进行通信,并将获得的数据显示在页面。 jQuery 提供了很多与 Ajax 技术相关的 API , 可以很方便地实现 Ajax 的钱功能。本章知识点?10.1 使用 XMLHttpRequest 对象与服务器通信?10.2 在jQuery 中实现 Ajax 编程?10.3 应用实例——使用 Ajax 实现登录页面 10.1 使用 XMLHttpRequest 对象与服务器通信在Ajax 中,可以使用 XMLHttpRequest 对象与服务器进行通信。 XMLHttpRequest 是一个浏览器接口,开发者可以使用它提出 HTTP 和HTTPS 请求,而且不用刷新页面就可以修改页面的内容。 XMLHttpRequest 的两个最常见的应用是提交表单和获取额外的内容。使用 XMLHttpRequest 对象可以实现下面的功能: ??在不重新加载页面的情况下更新网页; ??在页面已加载后从服务器请求数据; ??在页面已加载后从服务器接收数据; ??在后台向服务器发送数据。 10.1.1 创建 XMLHttpRequest 对象?对于不同的浏览器,创建 XMLHttpRequest 对象也可能不同。在微软的 IE浏览器中使用 Active 对象创建 XMLHttpRequest 对象,代码如下: xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); ?当window.ActiveXObject 等于 True 时,可以使用这种方法。?在其他浏览器中可以下面的代码创建 XMLHttpRequest 对象: xxmlhttp=new XMLHttpRequest(); ?当window.XMLHttpRequest 等于 True 时,可以使用这种方法。以在各种浏览器中创建 XMLHttpRequest 对象的代码 var xmlHttp; if(window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest(); }else if(window.ActiveXObject){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } 10.1.2 发送 HTTP 请求在发送 HTTP 请求之前,需要调用 open() 方法初始化 HTTP 请求的参数,语法如下: open(method, url, async, username, password) 参数说明如下。?? method :用于请求的 HTTP 方法。值包括 GET 、POST 和HEAD 。?? url :所调用的服务器资源的 URL 。?? async :布尔值,指示这个调用使用异步还是同步, 默认为 true (即异步)。?? username :可选参数,为 url 所需的授权提供认证用户。?? password :可选参数,为 url 所需的授权提供认证密码。 send() 方法?open() 方法只是初始化 HTTP 请求的参数,并不真正发送 HTTP 请求。可以调用 send() 方法发送 HTTP 请求,语法如下: ? send(body) send() 方法发送的 HTTP 请求通常由以下几部分组成??之前调用 open() 时指定的 HTTP 方法、URL 以及认证资格(如果有的话)。??如果之前调用 setRequestHeader() 方法发送了 HTTP 请求的头部,则包含指定的请求头部。??传递给这个方法的 body 参数。 ReadyState 属性的取值?当XMLHttpRequest 对象把一个 HTTP 请求发送到服务器时将经历若干种状态, XMLHttpRequest 对象的 ReadyState 属性可以表示请求的状态, 它的取值如表 10-1 所示。值具体说明 0 表示已经创建一个 XMLHttpRequest 对象,但是还没有初始化,即还没调用 open() 方法 1 表示正在加载,此时对象已建立,已经调用 open() 方法,但还没调用 send() 方法 2表示请求已发送,即方法已调用 send() ,但服务器还没有响应 3 表示请求处理中。此时,已经接收到 HTTP 响应头部信息,但是消息体部分还没有完全接收结束 4表示请求已完成,即数据接收完毕,服务器的响应完成

1