AJAX技术在电子商务网站中应用研究.docVIP

AJAX技术在电子商务网站中的应用研究 　　摘要： 本文首先介绍了AJAX技术，然后分析了AJAX技术在电子商务网站的应用，最后结合网上书店系统，说明AJAX技术在系统中的具体实现。 　　关键词： AJAX 电子商务 局部刷新 用户体验 　　 　　一、AJAX技术概述 　　 　　AJAX是Asynchronous JavaScript and XML的简称，它不是一项新的技术，而是多种技术的综合，或者是设计方式，包括JavaScript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest等技术。 　　AJAX的主要功能在于，将浏览器客户端和服务器端之间传统的同步交互通信方式改变为异步通信交互方式，从而丰富了浏览器客户端功能，解决了浏览器频繁刷新页面等待数据传输的问题，改善了Web应用程序的用户体验。 　　AJAX的工作原理相当于在用户和服务器之间加了一个中间层，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器，像一些数据验证和数据处理等都交给AJAX引擎自己来做，只有确定需要从服务器读取新数据时再由AJAX引擎代为向服务器提交请求。 　　 　　二、AJAX技术在电子商务网站开发中的应用 　　 　　AJAX技术在建设电子商务网站中能发挥很大作用，具体有以下方面应用： 　　1.用户注册或数据验证类应用 　　传统的技术是在用户填写完注册数据后，提交该页面，该页面通过脚本程序同后台的数据库交互，提交的结果是一个新页面，要么显示提交成功，要么出现重名要求重新填写。如果注册项目很多，失败的注册将引起用户较长时间来等待页面刷新。 　　采用AJAX技术可以很好地解决这个问题。用户填写好登录名后，一旦输入文本框失去焦点，该事件的处理函数就会通过AJAX调用来检查用户填写的登录名是否存在重复，而且这个调用是异步的，用户可以继续填写其它的注册项，在这个过程中，网络上传输的不是整个页面，而是少量的文本片段，如用户填写的登录名和服务器端返回的消息等，因而响应速度很快。 　　2.商品展示 　　电子商务网站需要展示待交易商品的各项信息，一般可以通过文字、图片、视频等来表现。AJAX技术在这方面有很多的应用，比如对于商品的分类显示可以采用基于AJAX的动态树型结构，这??结构在进行显示、展开、添加、修改和删除等操作时，不会引起页面重载，而且只在需要时才去请求数据库，进行数据加载，不仅速度很快，而且大大减少了服务器端的负担。 　　3.交互过程 　　现在的电子商务网站提倡个性化，十分注意满足用户的需求，因此也非常关注同用户的交互过程。基于AJAX的购物车相对传统的购物车系统可以更快获得服务器端的响应，比如用户的订购数超过库存的错误消息不用等到用户提交页面才知道。其次是用户的意见反馈，通常是采用留言簿或讨论区的方式，可以利用AJAX技术设计出反应异常灵敏的客户留言簿或讨论区。对于传统留言簿，刷新时是对整个留言页面进行更新，当留言很多时，页面刷新相当费时间，刷新前也不能看到别的用户新写的留言，而对于采用AJAX的留言簿，用户完成留言后不用刷新立即可以看到自己的留言，同时也可以在第一时间看到其他人新添的留言，这当然会给用户带来良好的感受。 　　4.智能数据联动下拉框 　　我们经常面临这样的需求，当某一项改变的时候，其他项也跟着变动，并且有一对一的应关系。比如在电子商务网站上查询产品的页面中，在产品类型下拉框中选择了某一产品类型，则在产品名称中要显示出所有对应该产品类型的产品名称。当然我们使用传统的方法也可以实现这一功能，但是页面闪烁频繁，网页重载率程度高；而在这个过程中使用AJAX，页面被局部刷新，反应迅速，通信量大大降低，相对两种方法而言相同的访问量后者速度比前者快得多。 　　5.无刷新自动更新实时数据 　　传统上是使用定时器技术来自动刷新当前网页，以获取最新数据，但是当整个网页需要更改的数据不是很多，页面的反复重载将会大大降低系统的效率。因此我们引入AJAX的局部刷新功能，当然我们这里强调的是局部刷新，如果是整个页面的数据几乎都要改变的话，建议还是用定时器进行定时刷新，因为如果这时候还一味地使用AJAX的话，将会大大增加系统的复杂度，这样就有可能适得其反。在这里同样还是利用XMLHTTP的异步调用，向服务器发出请求并取得数据，传到客户端，客户端重新组织并显示数据，实现网页无刷新动态获取数据。 　　 　　三、AJAX在网上书店系统中的具体实现 　　 　　1.项目背景 　　通过基于AJAX的网上书店系统的研究与实现，探讨了电子商务系统非功能性需求的可用性、可扩展性和可维护性及改进方案。通过分析传统的商务系统请求/响应方式所带来的用户交互可用性的不足，提出了应用AJAX异步