当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 认识AJAX了解AJAX优点缺点和运用

Javascript
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
浮动广告js类实现
使用透明叠加法美化文件上传界面的代码
用Div仿showModalDialog模式菜单的效果的代码
JsEasy简介 JsEasy是什么?与下载
网页屏蔽(左右键,代码等)的非JS方法
在IE模态窗口中自由查看HTML源码的方法
点下网页的任意地方,都可到达指定页面的js代码
实例学习Javascript之构建方法、属性
腾讯QQ网页在线客服,隐藏在网页一侧的隐现效果二
腾讯QQ网页在线客服,随网页滚动条上下移动的效果一
可以媲美Flash的JS导航菜单
js实现的XP风格的右键菜单
用JavaScript实现仿Windows关机效果
学习YUI.Ext基础第一天
学习YUI.Ext 第四天--对话框Dialog的使用
Gird组件 Part-3:范例RSSFeed Viewer
可缩放Reloaded-一个针对可缩放元素的复用组件
简单三步,搞掂内存泄漏
pjblog修改技巧汇总

Javascript 中的 认识AJAX了解AJAX优点缺点和运用


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 334 ::
收藏到网摘: n/a

本文让你简单认识AJAX,了解AJAX优点、缺点以及如何运用.

  AJAX浅谈

  AJAX技术在1998年前后开始应用于Web,之后经由Google把它发扬光大,让更多人了解到JavaScript原来可以这样使用,而不再是过去广告字显示或画面渐层等刻版印象。如今AJAX已不再是新名词或新技术,而最经典、有名的代表作算是Google Suggest及Google Maps。

  AJAX的定义

  AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。

  AJAX vs. 传统

  JavaScript在传统的作法是,你的档案或数据库来自server端或是要送到server,你可以用HTML窗体,并用GET或POST的方式透过submit按键将数据送到server端,然后等待响应讯息。但是使用AJAX,你可以使用JavaScript的XMLHttpRequest 对象跟server做沟通,可以藉由从server响应的数据,直接更新全部或部份的页面。

  AJAX的优点

  a. 不必更新全部网页,可更新部份页面。

  b. 优化了browser和server之间的沟通,减少不必要的数据传输、时间及降低网络上数据流量。

  c. 平衡了前、后端的负载,原本数据大多由后端负责处理,借由AJAX让客户端分担些工作,减低了后端的负载。

  AJAX的缺点

  a. browser的通用性,每个user端的浏览器不尽相同、版本也不一致,有可能会造成无法动作问题。

  b. 客户端会过肥,太多程序代码在客户端也会造成开发上的成本。

  c. 可能会暴露服务端,有可能被恶意攻击、窜改,而造成安全上的漏洞。

  AJAX的运用

  为什么AJAX适合用于装载作业呢? 传统的网页数据更新,大多是在server端数据更新后便将数据送回client端的browser,当browser得到更新的请求时才会将网页内容更新。当user执行装载作业后,作业的状态讯息尚未回传,此时若再进行下个作业,往往会造成状态讯息遗失。也正因为装载系统还需要控制前端的水泥装载,设备间的状态一有变动,网页内容要能做到及时更新,使网页中的 embedded object 与多部硬设备间的沟通一直保持连结。在考虑多部硬件操作不会干扰彼此下,采用Ajax可以使整个作业流程更加顺畅、合理。

  例如:当user想要做水泥装载时,按下装载按键时,如果使用JavaScript去呼叫客户端的com组件,可能会因为装载需要等候一段时间,导致网页整个当掉,也影响到其它按钮的失效。这时若借用AJAX的技术作为辅助,AJAX的每次动作就会用XML Http Request跟server做沟通,待server响应后,接收响应数据更新Model状态、数据库及网页页面,这样一来user不用一直等待实际装载的时间,也不会造成页面按钮失效。

  AJAX的应用并非只在水泥装载这一项,目前也运用在其它功能及系统上。考虑系统整体的实际使用面,AJAX解决了数据延迟的问题,也改善了数据传输的速度,使得各营运据点能提供更快速的服务。