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

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