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