1.3 重载，还是不重载

作者: Michael Morrison著/李松风译 出处:机械工业出版社 　2008-04-21 10:18　   砖    好    评论  条 　进入论坛

阅读提示：《Ajax构建工具箱指南》第1章主要讲述了Ajax与新互联网时代,本节为您介绍的是重载，还是不重载，以及示意图。

1.3   重载，还是不重载

如前所述，用户界面被冻结还只是传统Web应用程序中存在的问题之一。问题的根源在于，服务器的每次响应都必须重新加载一次页面。具体来说，当服务器发回了运费的计算结果时，页面必须重载以反映数据变化，因为服务器响应的是对整个Web页面的请求。基于服务器响应的每一次页面变化，都会请求刷新一次页面。这个问题之所以极其令人讨厌，不仅因为页面重载（刷新）需要花费时间，而且因为重载时还会伴随着明显的页面抖动和闪烁。

注意

有关从整体上为Web添加版本编号的主张还存在着广泛的争议。这就像是要将高速公路系统标记为Autobahn 3.0，因为要将一个分散的事物归类到编号系统是非常困难的。然而，不连续的、渐进式发展的Web应用程序设计思想绝对是正确的。因而用高速公路作类比也并非不恰当，似乎可以将传统的Web应用程序想像为土路，而将Ajax驱动的Web应用程序想像为柏油路。

此外，当每个页面重载时，由于全部页面内容会被重新发送（即使只有很少的一点数据更新—比如运费金额），也会导致显著的效率问题。这既浪费了带宽，也浪费了用户的时间。这种类型的Web应用程序就是通常称为Web 1.0的应用程序。在号称Web2.0的新一代应用程序中，Ajax扮演了主要的角色，它的“感觉”更像是真正的桌面应用程序。

Ajax把服务器的请求和响应从整个页面内容减少为所需要的实际数据量，从而解决了页面重载的问题。在收取运费请求的情况下，服务器只发回一个金额数值，此时只需用服务器返回的数据来更新页面中的运费区域，然后再计算出订单的新合计值。由于不用重新发送整个页面，没有必要重载，而且也不会出现抖动现象。图1-2演示了Ajax增强运费计算功能的过程。

回书目   上一节   下一节