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

AJAX特点

    所谓AJAX，其实就是指异步JavaScript及XML（Asynchronous JavaScript And XML）的缩写，有点像航天飞机，其实是多种已有技术和思想的融合的产物，它并不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。它的主要使用特点是：

• 使用XHTML和CSS的基于标准的表示技术
  • XHTML的要求更加严格
  • 采用CSS+DIV，少使用Table布局
• 使用DOM进行动态显示和交互
  • 解决页面数据获取，服务器数据解析，无刷新页面更新
• 使用XML和XSLT进行数据交互和处理
  • 其实数据的传输不一定使用xml
• 使用XMLHttpRequest进行异步数据检索
  • 解决异步交互的问题

• 使用Javascript将以上技术融合在一起
  • JS是其它AJAX技术的桥梁，具有面向对象语言的一些特征，可以使用JSON进行数据传输

    相对于传统Web开发方式来说，AJAX的核心优势就是能够实现异步交互、局部刷新的功能，当然也不仅仅限于此。下面我将对它们之间的优劣进行一一对比：

用户体验

    传统Web开发方式每一次交互数据都将经历“查看→提交→等待→新页面展示结果”的循环，页面跳转，而且全页面刷新，用户体验会中断：

    

    而AJAX开发方式每一次交互数据都会经过“查看→提交→继续浏览活动→在旧页面中展示数据交互结果”的循环，页面无刷新，用户体验连贯：

  

数据交互方式

   传统Web开发方式采用同步交互方式，如下图所示：

    

      

    AJAX开发方式采用异步交互的方式，过程如下图所示：

    

    

​    由上面可以看出，AJAX数据交互方式多了一个AJAX引擎和XML服务器，类似于缓存的作用，可以让我们在同一个页面进行多个不同的操作而相互之间不受干扰，进而决定了用户的体验度，所以我们必须改变传统的开发思维方式：

    

页面端和服务器端

    页面端

        

   服务器端

        

综上，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技术的网站时，它目前是不支持的，当然，这个问题和我们没太多关系。