ajax设计策略(全)

ajax设计策略(全)

ID:30773293

大小:262.44 KB

页数:17页

时间:2019-01-03

ajax设计策略(全)_第1页
ajax设计策略(全)_第2页
ajax设计策略(全)_第3页
ajax设计策略(全)_第4页
ajax设计策略(全)_第5页
资源描述:

《ajax设计策略(全)》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、AJAX设计策略(全)内容—概况一什么是AJAX-AJAX技术AJAX和服务端技术—设计策略—设计策略1一设计策略2一设计策略3一设计策略4—设计策略5—设计策略6—其他信息一关于作者自己完成(DoItYourself)使用客户端JavaScript库使用客户端框架包装远程调用所有Java技术概况受网站目标的驳使,Web应用己经进入了一个新时代,这些目标包括更快的响应用户动作,在创作和分享web内容时进行的用户协作等。被定义为此类高速响应的和经常协作站点的最流行的术语就是Web2.0o一些web2.0的最经典的例子包括GoogleMaps和Flickr站点。

2、GoogleMaps提供一个高速响应的用户界ffi(UI)o例如:你可以察看--副地图,并通过移动鼠标越过它以立即的察看相临近的区域。Flickr是这样一个网站,用户们存储和共享照片-用户管理儿乎这个站点的所有内容。另外的Web2.0站点通过一些方式提供相似的丰富的川户体验,这些方式包括整合具他网站的服务或合并一个稳定的新的信息流。例如,Googlemap服务可以被使用在另一个站点,比如一个汽车销售站点,用来显示一家销售指定汽车类型的代理商在地图上的位置。此类站点集成使用的术语叫做"mashups”。另外还包括一个运动导向网站,它可以不断的刷新分数而不需要用

3、户请求页面更新。这篇文章是关丁•现今用來制作高响应的web2.0站点的主要技术:AsynchronousJavaScriptandXML(AJAX).什么是AJAX?许多优秀的文章都将AJAX描述为有效的,例如《AsynchronousJavaScriptTechnologyandXML(AJAX)WithJava2PlatformEnterpriseEdition》。简单说,AJAX是一系列使网页成为—或看起來像高速响应的技术。AJAX使这个成为可能,因为它支持网页的异步和部分刷新功能。部分刷新意味着当一个交互事件发生一例如,用户向网页的表单里输入信息并R

4、点击提交按钮一服务器处理信息并返回关于这些信息的有限响应。值得注意的,服务器并不返回整个页面,虽然返回整个页面已成为一种惯例,“点击,等待,刷新”web应用。相反的,客户端基于响应来更新页面。这意味着,只有部分页面被更新。换句话说,网页像一个模版一样被处理:客八端和服务端交换数据,客户端基于收到的数据來更新模版的某部分。可以这样认为,使用AJAX的web应用受事件和数据的驱动,而传统的web应用受页面驱动。异步意味着在向服务端发送数据之示,当服务端在后台运行的时候,客户端可以继续执行。这意味这用门可以继续与客户端进行交互,而不必等待服务端的滞后响应。例如,用

5、户可以继续在Googlemap±移动鼠标,并在显示器上看到一个平滑的,不间断的变换。客户端在继续执行之前不必等待服务端的响应。AJAX站点的另一个重要方面在于,触发AJAX响应的事件不限于提交数据或点击链接。在页而的一个区域上移动鼠标,在输入域屮键入数据,或者像GoogleMaps一样用鼠标拖拽地图,已足够触发AJAX响应。用户和网页间的动态交互使web应用更接近于高速响应的桌面应用。桌面应用经常被称为胖桌面应用(richdesktopapplications)o所以web2.0经常被叫做胖互联网应用(richInternetapplications)oAJ

6、AX技术下而的技术是AJAX里具有代表性的:层叠样式单(CSS),—种定义页面表示样式的语言,例如字体、颜色等。JavaScript,一种脚木语言。在JavaScript技术里对AJAX很关键的一个元素是XMLHttpRequest,一个用來在web客八端和web服务端交换数据的对象。文档对彖模型(DOM),提供页而的树状结构的逻辑视图。XML,用来从服务端向客户端传送数据的一种格式。尽管如此,你可以使用其他格式,例如HTML,JavaScriptObjectNotation(JSON),或无格式文木.像其他web应用一•样,AJAXweb应用使用HTML,

7、XHTML类的标记语言來呈现页血,或者JSP类服务端技术来生成网页。另外,服务端应用系统在AJAX应用中扮演一个关键的角色。类似JavaEE的服务端应用系统包括对关于AJAX的数据验证,用户身份管理,和持久性配直的很好支持。请看本文的AJAXandServer-SideJavaTechnologies部分。图1:AJAX如何处理用八动作I•用户在客户端生成一个事件。这导致了一个JavaScript调丿U。2.JavaScript函数在客户端创建和设定一个XMLHttpRequest对彖,并H.指定一个JavaScript冋调函数。3.XMLHttpReque

8、st对彖向web服务端生成一个调用一一个晁步的HTT

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。