《JavaScript网页特效案例教程 教学课件 ppt 作者 王莹 第八章课件 第八章》由会员分享，可在线阅读，更多相关《JavaScript网页特效案例教程 教学课件 ppt 作者 王莹 第八章课件 第八章（8页珍藏版）》请在金锄头文库上搜索。
1、JavaScript网页特效案例教程,主编：王莹 副主编：印梅 齐燕,第八章AJAX技术,8.1 AJAX介绍,JavaScript的缺陷之一是无法与Web服务器进行通信，如果像 把数据传送给服务器，需要提交一个页面，如果获取数据也需要 加载和显示一个新页面。 AJAX（异步JavaScript和XML）是解决上述问题的。 Ajax并不是一门新的语言或技术，它是JavaScript、XML、 CSS、DOM等多种已有技术的组合，它可以实现客户端 的异步请求操作。这样可以实现在不需要刷新页面的情况下与服务器 进行通信，从而减少了用户的等待时间。,1 AJAX运行机制,（1）脚本创建一个XMLHt
2、tpRequest对象，然后将其发送给服务器， 接下来可以继续发送请求。 （2）服务器通过发送包含内容的文件表示响应 （3）当接到响应后，响应的JavaScript函数就被触发，处理相关数据。 （4）脚本通常用DOM来显示服务器的数据，从而无需再次刷新页面。,2 服务器端程序,应用程序驻留在Web服务器上的那部分被称为后台。最简单的 后台是静态文件，最常见的是JSP程序，PHP、Perl等。 JavaScript可以使用GET（或者POST）方式向服务器应用端发送数 据，事实上与HTML表单工作方式类似。,3 XML介绍,AJAX中的X代表XML（扩展标记语言）,XML是Extensible
3、Markup Language （可扩展的标记语言）的缩写，它提供了用于描述结构化数据的格式。AJAX 与服务器交换的数据，通常采用XML格式，但也可以是基于文本的其他格式。,4 AJAX典型应用,AJAX的典型应用有Google的Gmail邮件服务，该服务使用AJAX技 术快速响应用户的邮件服务应用程序。无需加载新页面就可以删除 消息或执行其它任务。远程脚本已经广泛应用于整个Web中，用户 可能没有明显的觉察，但是和过去相比，等待加载页面的时间大大 减少。,8.2 XMLHttpRequest对象,Ajax技术之中，最核心的技术就是XMLHttpRequest，它是一个具 有应用程序接口的J
4、avaScript对象，能够使用超文本传输协议（HTTP） 连接一个服务器。,创建请求,（1）IE浏览器 IE浏览器把XMLHttpRequest实例化为一个ActiveX对象。具体方法如下： var http_request = new ActiveXObject(“Msxml2.XMLHTTP“); 或者 var http_request = new ActiveXObject(“Microsoft.XMLHTTP“);,（2）其他浏览器 Mozilla、Safari等其他浏览器把它实例化为一个本地JavaScript对象。 具体方法如下： var http_request = new X
5、MLHttpRequest();,为了提高程序的兼容性，可以创建一个跨浏览器的XMLHttpRequest对象。,2 打开URL,3 发送请求,4 等待响应,5 局部更新,8.3 操作练习,8.4 本章小结,Ajax并不是一门新的语言或技术，它是JavaScript、XML、CSS、 DOM等多种已有技术的组合。之前JavaScript总是运行在客户端 的，而客户端要与服务器端进行交流必须要提交表单，用了AJAX 技术之后，JavaScript使用内置对象XMLHttpRequest在不提交表单 的情况下与Web服务器通信的功能。尽管XMLHttpRequest不是DOM 标准的一部分，但是Explorer、Firefox以及其他流行的服务器都对该 对象提供了支持。该技术也称远程脚本技术。,
