传智javaee云计算课件.pptx

北京传智播客教育北京传智播客教育AJAX王昭珽

北京传智播客教育同步交互和异步交互举个例子：普通B/S模式(同步)AJAX技术(异步)*同步：提交请求-等待服务器处理-处理完毕返回这个期间客户端浏览器不能干任何事*异步:请求通过事件触发-服务器处理（这时浏览器仍然可以作其他事情）-处理完毕

同步是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。??

异步是指：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式易懂的理解:异步传输:?你传输吧，我去做我的事了，传输完了告诉我一声?

同步传输:?你现在传输，我要亲眼看你传输完成，才去做别的事

北京传智播客教育什么是AjaxAjax的技术的产生Ajax被认为是(AsynchronousJavaScriptandXML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.

北京传智播客教育AJAX案例之googlesuggest

北京传智播客教育AJAX案例之GoogleMaps

北京传智播客教育

北京传智播客教育什么是AjaxAjax：一种不用刷新整个页面便可与服务器通讯的办法图1Web的传统模型。客户端向服务器发送一个请求，服务器返回整个页面，如此反复图2在Ajax模型中，数据在客户端与服务器之间独立传输。服务器不再返回整个页面

北京传智播客教育什么是Ajax不用刷新整个页面便可与服务器通讯的办法：FlashJavaapplet框架：如果使用一组框架构造了一个网页，可以只更新其中一个框架，而不必惊动整个页面隐藏的iframeXMLHttpRequest：该对象是对JavaScript的一个扩展，可使网页与服务器进行通信。是创建Ajax应用的最佳选择。实际上通常把Ajax当成XMLHttpRequest对象的代名词

北京传智播客教育Ajax的工作原理Ajax的核心是JavaScript对象XmlHttpRequest。该对象在InternetExplorer5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。

北京传智播客教育Ajax的工作原理AJAX采用异步交互过程。AJAX在用户与服务器之间引入一个中间媒介，从而消除了网络交互过程中的处理—等待—处理—等待缺点。用户的浏览器在执行任务时即装载了AJAX引擎。AJAX引擎用JavaScript语言编写，通常藏在一个隐藏的框架中。它负责编译用户界面及与服务器之间的交互。AJAX引擎允许用户与应用软件之间的交互过程异步进行，独立于用户与网络服务器间的交流。现在，可以用Javascript调用AJAX引擎来代替产生一个HTTP的用户动作，内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面的需求可以交给AJAX来执行。使用AJAX，可以为JSP、开发人员、终端用户带来可见的便捷：用户界面AJAX引擎服务器用户界面服务器

北京传智播客教育AJAX包含的技术AJAX:(AsynchronousJavaScriptandXML)并不是一项新技术,其实是多种技术的综合，包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest.服务器端语言：服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。XML(eXtensibleMarkupLanguage，可扩展标记语言)是一种描述数据的格式。AJAX程序需要某种格式化的格式来在服务器和客户端之间传递信息，XML是其中的一种选择(给用户反馈)XHTML（eXtendedHypertextMarkupLanguage,使用扩展超媒体标记语言）和CSS（CascadingStyleSheet,级联样式单）标准化呈现；DOM（DocumentObjectModel,文档对象模型）实现动态显示和交互；使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取使用JavaScript绑定和处理所有数据

北京传智播客教育AJAX的缺陷AJAX不是完美的技术。也存在缺陷：1AJAX大量使用了Javascript和AJAX引擎，而这个取决于浏览器的支持。IE5.0及以上、Mozilla1.0、NetScape