《基于ＡＪＡＸ技术的电子商务系统研究及应用》由会员分享，可在线阅读，更多相关《基于ＡＪＡＸ技术的电子商务系统研究及应用（4页珍藏版）》请在金锄头文库上搜索。
1、1基于技术的电子商务系统研究 及应用摘 要 随着互联网技术的发展，电子商务也得以迅速普及。传统的电子商务网站使用同步交互过程，使得用户在访问电子商务网站时需要等待较长时间或重复操作，导致大量客户流失。本文对 AJAX 技术及其工作原理进行了深入研究，通过分析传统的商务系统请求/响应方式所带来的用户交互可用性的不足，将AJAX 异步请求访问技术应用于电子商务系统，极大增强了用户体验和交互性。对于构建高可用性，智能性和可扩展性的 Web 应用具有一定的参考价值。 关键词 AJAX WEB 应用 电子商务 异步通信 电子商务是指在全球各地广泛的商业贸易活动中，在 Internet 开放的网络环境下，
2、通过浏览器/服务器的方式所进行并完成的各种商务活动、交易活动、金融活动和相关的综合服务活动。电子商务所具有的开放性和全球性的特点为企业创造了更多的贸易机会。商业电子化的趋势为客户提供了便利的交易方式和广泛的选择。 传统的 web 应用使用同步交互过程, 当用户访问数量较小的时候，这种方式不会出现较大问题，而当访问数量较大带宽又较窄时，用户访问电子商务网站时需等待较长时间，造成浏览器处于等待状态，甚至造成页面不可用。导致一些用户放弃交易,给企业造成经济损失，减弱了电子商务的优越性。 AJAX 技术采用异步交互方式,它的出现改善了传统的 Web 应用,减少了用户访问网站的等待时间,实现了无重载的页
3、面刷新。本文我们将 AJAX 技术应用到电子商务系统的设计中, 极大改善用户体验，有效的留住客户，为公司创造更大的2利润价值。 一、AJAX 技术 1.传统的 WEB 开发模式 传统 WEB 开发模式采用同步交互过程，用户必须等待每个请求,当一个请求完成后才能获得结果,在使用完这些结果后才会发出新的请求。HTTP 的设计是传回整个新的画面，所以在浏览器上必须重载整个页面来显示新的页面。完全是一种请求刷新响应的模型,用户只有等请求完成后才能进行用户操作,操作完成后才能提交下一个请求,用户行为和服务器行为是一种同步的关系。 2.AJAX 技术及特点 AJAX 全称为 Asynchronous Ja
4、vaScript and XML（异步 JavaScript 和 XML），是一种设计交互式网页应用的网页开发技术，它包括： 使用 XHTML+CSS 来表示信息。 使用 JavaScript 操作 DOM（Document Object Model）进行动态显示及交互。 使用 XML 和 XSLT 进行数据交换及相关操作。 使用 XMLHttpRequest 对象与 Web 服务器进行异步通信。 使用 JavaScript 绑定一切。 AJAX 技术的核心是 XMLHttpRequest，它最早由微软 IE5 支持这个对象，随后 Mozilla1.0、Apple Safari1.2 及 Op
5、era 都陆续支持。XMLHttpRequest 是一组 API函数集，可被 JavaScript、JScript、VBScript 以及其他 web 浏览器内嵌的脚本语言使用，通过 HTTP 在浏览器和 web 服务器之间收发 XML 或其他数据。XMLHttpRequest 最大的好处在于可以动态地更新网页，它无需重新从服务器读取整个网页，也不需要安装额外的外挂程序。AJAX 技术工作原理如图所示。 AJAX 中获取 XMLHttpRequest 对象的方法： 3针对 Internet Explorer(IE)浏览器 new ActiveXObject(“Msxml2.XMLHTTP”);
6、 new ActiveXObject(“Microsoft.XMLHTTP”); 针对其他浏览器： new window.XMLHttpRequest(); AJAX 技术的特点表现为： (1)不需要切换页面，就可以快速改变页面。 (2)可使用不需等待服务器的异步请求。 (3)可将 PHP、asp、java、、perl 等服务器上的处理程序搬到客户端进行。 (4)减少数据传输。 (5)高实时互动性。 3.AJAX 开发框架 AJAX 技术虽然解决了浏览器异步读取服务器端数据的问题，很多客户端的操作也变得复杂和繁琐。为了解决这些问题，AJAX 开发框架也就应运而生。AJAX 框架具有丰富的插件，
7、封装了 AJAX 读取数据，提供更友好的接口，能够解决浏览器兼容性的问题，并提供强大的接口更方便的操作 DOM，极大提高开发效率。 常用的 AJAX 框架有： Prototype 框架，典型用于自动填充如 Google 上的搜索自动完善功能；DWR 框架，典型用途：用于简化页面于后台 model 的通信，让人感觉我们好像可以直接通过 JavaScript 调用 model；dojo 框架，用于页面验证页面的很多华丽效果，使页面变的非常美观；JSON 框架，典型用途：使用 model 中的方法就像访问脚本函数一样简单。Ajax.NET，net 平台下使用最广泛的框架。 二、AJAX 技术在电子商
8、务系统中的应用 1.个性化设计 4电子商务网站的个性化设计可分为客户界面个性化和客户喜好商品推荐。界面个性化是客户根据自己的需求，对网站的界面进行定制，主要包括商品类别模块的布局、主要模块的显示、隐藏与关闭、界面色彩的设计以及商品显示的方式等，并且可以实行界面模块的可拖放操作。 拖放是标准 GUI 的应用。用户可以选择一个特定的对象，它可以是一个文件,一些文本等，然后将它移动到用户喜好的另一个特定的位置。通过 AJAX 技术，用户可以享受到与桌面系统更接近的用户体验,同时,用户无需采取额外步骤将数据提交到服务器，就能完成更新和服务器端响应。在 Google Maps 应用场景中，用户就可以通过
9、鼠标拖拽的方式在地图中的街区之间穿梭漫游。 2.不完全页面更新 不完全页面更新是利用 AJAX 技术使浏览器刷新某一块特定的用户界面而不需要浏览器重新载入整个页面。这个是非常有必要的考虑，在特定时间，用户在和电子商务网站交互过程中，大部分页面内容仍然是静态的，如电子商务网站中的页眉 head.html，页脚 foot.html，商品类别菜单栏 menu.html 等，而用户交互的只是小部分网页。假设当用户想查看某一商品的信息，只需将鼠标移动到商品图片上，所有信息将显示，而页面其他部分未发生任何改变。 在电子商务系统中，利用 AJAX 技术，从服务器端返回一个纯文本数据流，客户端交由浏览器负责进
10、行处理。通过使用 XMLHttpRequest 对象来请求页面，服务器将结果文本写入页面。客户端通过异步通信获取结果后，不是直接将结果显示在页面上，而是由客户端的 JavaScript 脚本处理之后对页面对应的部分进行更新。 在大多数情况下，重新载入整个页面既浪费用户带宽，同时给服务器带来负担。AJAX 技术为我们提供了较好的解决方案，允许浏览器仅刷新某一部分网页。 53.无刷新实时数据更新 传统上,我们浏览网页,如果页面加入最新的数据，只能是等用户重新向服务器端请求时才能显示出来.但是,对于实时性较高的电子商务网站，传统的做法是不能满足的。电子商务后台加入新的商品信息或者修改商品信息时，而用
11、户正在浏览商品信息，非常有必要实行无刷新实时数据更新，用户才能获取最新商品信息，找到自己合适的产品。比如在 Gmail 应用场景中，新的邮件信息被自动接收和显示。 我们可以让程序自动刷新.定时向服务器请求数据.5 秒取一次数据,10 秒取一次数据.利用 XMLHTTP 发出请求并取得数据.传到客户端,客户端重新组织并显示数据。 三、潜在的安全问题 不用切换页面的服务器通讯，换而言之，对服务器来说，大部分动作都是在看不到的远程处理的，因此电子商务系统中的安全问题显得更为重要。例如，必须随时特别注意收到的数据是否为外部恶意篡改的资料。 自从 JavaScript 是一种客户端的语言，这也说明它最容
12、易接触到最终用户。在开发电子商务系统时，如果开发人员将太多在 Web 应用程序内部运作的重要信息放在 JavaScript 中，一些恶意用户可能发出具有潜在破坏性的拒绝服务攻击，甚至是将病毒经过应用程序下载到服务器中，导致服务器瘫痪。 AJAX 的优点在于减轻服务器的工作量，而把工作改由处理能力越来越强的客户端 PC 来执行，以便减少服务器的负担。但是随着操作方式的不同，反而可能造成请求过多，而使服务器应付不了的可能性。 在开发电子商务系统时不仔细思考如何减低无谓的请求，则使用 AJAX 减少服务器压力的效果是无法实现的。为了真正实现轻快的动作，数据传送量、请求次6数、服务器负担等必须整体加以
13、考虑调整。 四、结论 目前 AJAX 技术正被广泛的应用于基于 Web 的应用系统中，例如：Google 将AJAX 应用于其开发的 Gmail、Google Suggest 和 Google Maps 等网络应用软件中，Amazon 推出了应用 Ajax 技术的 A9 搜索引擎等。这一切的成功都表明，在信息化的网络世界，快捷与方便几乎成为每一个成功电子商务系统的关键。 本分分析了当前电子商务应用中存在的问题，并充分利用 AJAX 技术的特点，将该技术应用到电子商务系统中。从安全角度出发，也指出了 AJAX 技术存在的一些问题。AJAX 技术在电子商务中的应用，让用户减少等待时间，提高响应速度
14、，给用户提供更方便、更及时的服务, 挖掘并留住客户，为企业创造更大的价值。 参考文献： 1Garrett J J，Ajax：a new approach to web Applications 2Wikipedia (2008) Ajax framework, http:/en.wikipedia.org/wiki/Ajax_framework, (22, July, 2008) 3姜有辉 高琳琦:个性化推荐系统中顾客信息的隐式采集方法研究J.现代情报，2006，11（11）:1013 4Google (2008) Google Maps, http:/ (22, July, 2008) 5JavaScriptK (2008) RSS Ajax JavaScript ticker,http:/ 2008) 6顾加强:企业电子商务系统中的安全问题研究J.企业经济2008,2:9294
