电子商务网站开发中Javascript技术应用研究.docVIP

电子商务网站开发中Javascript技术应用研究 　　摘 要：电子商务的发展正深刻的改变着互联网的格局，同时也对网站制作技术产生了较大的影响。Javascript技术在电子商务网站开发中的应用极大的提高了网站的交互能力，从网站UI的设计到异步数据的交互都离不开Javascript技术。JQuery插件的出现使Javascript编程更加便捷，使数据的异步交互甚至可以脱离xml技术。未来Javascript技术的深度挖掘将为电子商务网站的设计带来更加深远的影响。 　　关键词：Javascript；JQuery；Ajax；电子商务；交互 　　中图分类号：TP393.092 　　互联网的发展正在改变着人们的生活方式，人们通过互联网可以买卖商品，进行资金管理，实时与他人沟通，还可以进行其他一系列活动。企业首先发现和放大了互联网突破时间空间限制的特性，电子商务活动应运而生。电子商务网站比传统的公司门户网站拥有更多的用户，尤其是淘宝网日访问量达到了几千万次，这样庞大的访问量对于服务器来说是一个巨大的压力。而Javascript技术的应用将这种对服务器的直接压力分散到了各个客户端。 　　1 Javascript技术概述 　　Javascript技术起源大概在1992年，一家称作Nombas的公司开发了一种叫做C减减（C-minus-minus，简称Cmm）的嵌入式脚本语言。后来这个语言更名为ScriptEase。随着Netscape的Netscape Navigator崭露头角，网上冲浪成为了人们生活中的一部分并流行起来，而这时对于开发一种客户端脚本语言的需求也越来越强烈。1997年JavaScript 1.1作为一个草案提交给欧洲计算机制造商协会（ECMA），ECMA-262标准诞生，该标准定义了名为ECMAScript的全新脚本语言，这也就是Javascript技术实现的基础。 　　2 Javascript技术在电子商务网站开发中的应用 　　2.1 Javascript在网站UI设计中的应用 　　电子商务网站的UI（User Interface 用户界面）设计是网站的重要组成部分。电子商务网站的后台实现可以使用Php，J2EE，A等多种技术，但是用户看到的部分主要是网站的UI。好的UI设计能够帮助网站在第一时间留住浏览者，让他们继续浏览网站，进而选择想要的商品完成交易。目前较为流行的是扁平化的网站UI设计，电子商务网站的UI设计主要集中在导航菜单上。折叠菜单、下拉菜单??滑动门效果、焦点图等是最常用的效果。 　　折叠菜单的制作主要利用Javascript来控制Dom（文档元素模型）元素的Css（层叠样式表）属性值来控制特定网页元素的显隐。 　　2.2 Javascript在网站表单提交中的应用 　　表单是电子商务网站页面中最常用的网页元素之一。它常用于用户的注册登录，订单的填写和提交，留言、意见的反馈等。表单是网站从客户端获取数据的重要方式，表单数据的合法性校验就变得尤其重要。不合法的数据提交到数据库会增加数据库的冗余，还有可能被一些黑客利用攻击网站。验证数据合法性的方法分为服务器端和客户端两种，服务器端的原理是服务器获取客户端提交到服务器的数据然后根据合法行规则校验；客户端的原理是在表单数据提交到服务器端之前通过Javascript脚本来校验数据的合法性。这两种方式最大的区别是客户端在客户端尚未向服务器发出请求之前就进行了数据校验，避免数据向服务器提交造成的带宽浪费和服务器处理数据的压力，当然，为了保险起见两种方式都应该保留。下面我们就来看如何校验一个用户注册信息的合法性。 　　Javascript代码： 　　function CheckForm（）{var username = document.getElementById（username）.value； var password = document.getElementById（password）.value；/*数据合法性规则是username的值必须为2—16个字符，password的值必须为8—20个字符*/if（username.length16||username.length20||password.length 　　上面代码主要进行用户名、密码进行了一个简单的长度检验，思路是通过Javascript脚本的document.getElementByID（）方法来获取表单中对应元素的值，然后对值的长度进行判断，只有数据都合法才会被提交到服务器。 　　2.3 Javascript在网站交互中的应用 　　随着人们对Javascript技术的不断探索，电子商务网站的用户体验也在不断向前发展，现在人们可以像操作Windows系统桌面程序