Ajax和传统Web开发方式的比较

AJAX特点

     所谓AJAX,其实就是指异步JavaScript及XML(Asynchronous JavaScript And XML)的缩写,有点像航天飞机,其实是多种已有技术和思想的融合的产物,它并不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。它的主要使用特点是:
  • 使用XHTMLCSS的基于标准的表示技术
    • XHTML的要求更加严格
    • 采用CSS+DIV,少使用Table布局
  • 使用DOM进行动态显示和交互
    • 解决页面数据获取,服务器数据解析,无刷新页面更新
  • 使用XMLXSLT进行数据交互和处理
    • 其实数据的传输不一定使用xml
  • 使用XMLHttpRequest进行异步数据检索
    • 解决异步交互的问题
  • 使用Javascript将以上技术融合在一起
    • JS是其它AJAX技术的桥梁,具有面向对象语言的一些特征,可以使用JSON进行数据传输
     相对于传统Web开发方式来说,AJAX的核心优势就是能够实现异步交互、局部刷新的功能,当然也不仅仅限于此。下面我将对它们之间的优劣进行一一对比:

用户体验

    传统Web开发方式 每一次交互数据都将经历“查看→提交→等待→新页面展示结果”的循环,页面跳转,而且全页面刷新,用户体验会中断:
     Ajax和传统Web开发方式的比较_第1张图片

     而AJAX开发方式 每一次交互数据都会经过“查看→提交→继续浏览活动→在旧页面中展示数据交互结果”的循环,页面无刷新,用户体验连贯:
   Ajax和传统Web开发方式的比较_第2张图片

数据交互方式

   传统Web开发方式采用同步交互方式,如下图所示:
    Ajax和传统Web开发方式的比较_第3张图片
      
    AJAX开发方式采用异步交互的方式,过程如下图所示:
    
     Ajax和传统Web开发方式的比较_第4张图片
    由上面可以看出,AJAX数据交互方式多了一个AJAX引擎和XML服务器,类似于缓存的作用,可以让我们在同一个页面进行多个不同的操作而相互之间不受干扰,进而决定了用户的体验度,所以我们必须改变传统的开发思维方式:
     Ajax和传统Web开发方式的比较_第5张图片

页面端和服务器端

    页面端

          Ajax和传统Web开发方式的比较_第6张图片

   服务器端

          Ajax和传统Web开发方式的比较_第7张图片

综上,Ajax带给我们的优点具有以下几点:
    1、最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好。
    2、使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力。
    3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
    4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。

AJAX缺点


任何一门新技术的产生都不是完美无缺的,AJAX亦是如此,在有些缺陷方面甚至都会对程序的开发带来巨大的影响,通过查询资料得到了如下的了解,也给自己以后使用AJAX做个警醒:
下面所阐述的ajax的缺陷都是它先天所产生的。

1、ajax干掉了back按钮


    即对浏览器后退机制的破坏。后退按钮是一个标准的web站点的重要功能,但是它没法和js进行很好的合作。这是ajax所带来的一个比较严重的问题,因为用户往往是希望能够通过后退来取消前一次操作的。那么对于这个问题有没有办法?答案是肯定的,用过Gmail的知道,Gmail下面采用的ajax技术解决了这个问题,在Gmail下面是可以后退的,但是,它也并不能改变ajax的机制,它只是采用的一个比较笨但是有效的办法,即用户单击后退按钮访问历史记录时,通过创建或使用一个隐藏的IFRAME来重现页面上的变更。(例如,当用户在Google Maps中单击后退时,它在一个隐藏的IFRAME中进行搜索,然后将搜索结果反映到Ajax元素上,以便将应用程序状态恢复到当时的状态。)
但是,虽然说这个问题是可以解决的,但是它所带来的开发成本是非常高的,和ajax框架所要求的快速开发是相背离的。这是ajax所带来的一个非常严重的问题。

2、安全问题


技术同时也对IT企业带来了新的安全威胁,ajax技术就如同对企业数据建立了一个直接通道。这使得开发者在不经意间会暴露比以前更多的数据和服务器逻辑。ajax的逻辑可以对客户端的安全扫描技术隐藏起来,允许黑客从远端服务器上建立新的攻击。还有ajax也难以避免一些已知的安全弱点,诸如跨站点脚步攻击、SQL注入攻击和基于credentials的安全漏洞等。

3、对搜索引擎的支持比较弱。


4、破坏了程序的异常机制。


    至少从目前看来,像ajax.dll,ajaxpro.dll这些ajax框架是会破坏程序的异常机制的。关于这个问题,我曾经在开发过程中遇到过,但是查了一下网上几乎没有相关的介绍。后来我自己做了一次试验,分别采用ajax和传统的form提交的模式来删除一条数据……给我们的调试带来了很大的困难。

5、另外,像其他方面的一些问题,比如说违背了url和资源定位的初衷。


    例如,我给你一个url地址,如果采用了ajax技术,也许你在该url地址下面看到的和我在这个url地址下看到的内容是不同的。这个和资源定位的初衷是相背离的。

6、一些手持设备(如手机、PDA等)现在还不能很好的支持ajax。


    比如说我们在手机的浏览器上打开采用ajax技术的网站时,它目前是不支持的,当然,这个问题和我们没太多关系。
    


你可能感兴趣的:(Ajax和传统Web开发方式的比较)