利用Ajax与ExtJS改善用户体验

在网络需求越来越多的时代，传统的Web1.0技术由于其同步交互方式，带来了很大网络流量以及很差的用户体验，以Wiki，google Map等为代表的Web2.0技术以及RIA的应用极大地提高了网络性能和用户体验，成为了Web应用领域的主力军。在实现高用户体验及时交互方面，有5种技术可供选择:1）Flex和OpenLaszlo；2）IBM®WorkplaceTMManaged Client和IBM Lotus®Expeditor；3）Faces Client Com-ponents；4）Ajax；5）HTML[1]，考虑到开发难度以及具体C2C交易平台后台系统的特点，选择Ajax技术。Ajax综合了以前DHTML技术，通过XMLRequest出色地完成了异步交互功能，带来了系统性能的很大提升。然而纯Ajax代码相当复杂，开发和调试都比较麻烦，同时需要前端美工和后台程序员很好的合作，才能构建出好的Ajax应用。幸运的是，ExtJS提供了很好的解决方案，程序员不需要精通DHTML就可以轻易地构建一套高用户体验界面，同时ExtJS是基于JavaScript的，对Ajax有很好的支持。因而，后台程序员就能脱离前台美工来独立构建高用户体验的Web系统。

1Ajax技术与ExtJS框架概述1.1Ajax原理

作为DHTML技术的升级，Ajax大部分沿用了以前的老技术，它是将一部分业务逻辑转移到客户端，使得客户端不仅仅是个页面，而且有强大的业务逻辑支撑着，一般是用JavaScript实现的，html与css负责界面的实现。从这方面讲也类似于C/S结构，不过Ajax是尽可能的实现C/S结构高交互能力效果的同时又保持B/S结构的平台无关性。

浏览器在执行任务时会自动装载Ajax引擎[2]。具体过程：浏览器发送请求到服务器，服务器响应请求，把页面数据（包括html，js，css文件）发送到浏览器，浏览器解析成网页，可以将其看作是一个小型的客户端程序，用户可以像使用桌面应用程序一样来操作页面。……