|
|
[摘 要] 随着互联网技术的发展，电子商务也得以迅速普及。传统的电子商务网站使用同步交互过程，使得用户在访问电子商务网站时需要等待较长时间或重复操作，导致大量客户流失。本文对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应用场景中，新的邮件信息被自动接收和显示。 |
|
发表于 2018-8-20 14:37:32