传统的web应用使用同步交互过程, 当用户访问数量较小的时候,这种方式不会出现较大问题,而当访问数量较大带宽又较窄时,用户访问电子商务网站时需等待较长时间
编辑推荐:
麦克尼尔瀑布的棕熊
精英大多坐前排
苦难熬成的花朵
随着互联网技术的发展,电子商务也得以迅速普及。传统的电子商务网站使用同步交互过程,使得用户在访问电子商务网站时需要等待较长时间或重复操作,导致大量客户流失。本文对AJAX技术及其工作原理进行了深入研究,通过分析传统的商务系统请求/响应方式所带来的用户交互可用性的不足,将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();