电子商务网站开发中Jascript技术的应用

摘 要:电子商务的发展正深刻的改变着互联网的格局,同时也对网站制作技术产生了较大的影响.Jascript技术在电子商务网站开发中的应用极大的提高了网站的交互能力,从网站UI的设计到异步数据的交互都离不开Jascript技术.JQuery插件的出现使Jascript编程更加便捷,使数据的异步交互甚至可以脱离xml技术.未来Jascript技术的深度挖掘将为电子商务网站的设计带来更加深远的影响.

关 键 词:Jascript;JQuery;Ajax;电子商务;交互

中图分类号:TP393.092

互联网的发展正在改变着人们的生活方式,人们通过互联网可以买卖商品,进行资金管理,实时与他人沟通,还可以进行其他一系列活动.企业首先发现和放大了互联网突破时间空间限制的特性,电子商务活动应运而生.电子商务网站比传统的公司门户网站拥有更多的用户,尤其是淘宝网日访问量达到了几千万次,这样庞大的访问量对于服务器来说是一个巨大的压力.而Jascript技术的应用将这种对服务器的直接压力分散到了各个客户端.

1Jascript技术概述

Jascript技术起源大概在1992年,一家称作Nombas的公司开发了一种叫做C减减(C-minus-minus,简称Cmm)的嵌入式脚本语言.后来这个语言更名为ScriptEase.随着Netscape的NetscapeNigator崭露头角,网上冲浪成为了人们生活中的一部分并流行起来,而这时对于开发一种客户端脚本语言的需求也越来越强烈.1997年JaScript1.1作为一个草案提交给欧洲计算机制造商协会(ECMA),ECMA-262标准诞生,该标准定义了名为ECMAScript的全新脚本语言,这也就是Jascript技术实现的基础.

2Jascript技术在电子商务网站开发中的应用

2.1Jascript在网站UI设计中的应用

电子商务网站的UI(UserInterface用户界面)设计是网站的重要组成部分.电子商务网站的后台实现可以使用Php,J2EE,Asp.等多种技术,但是用户看到的部分主要是网站的UI.好的UI设计能够帮助网站在第一时间留住浏览者,让他们继续浏览网站,进而选择想要的商品完成交易.目前较为流行的是扁平化的网站UI设计,电子商务网站的UI设计主要集中在导航菜单上.折叠菜单、下拉菜单、滑动门效果、焦点图等是最常用的效果.


折叠菜单的制作主要利用Jascript来控制Dom(文档元素模型)元素的Css(层叠样式表)属性值来控制特定网页元素的显隐.

2.2Jascript在网站表单提交中的应用

表单是电子商务网站页面中最常用的网页元素之一.它常用于用户的注册登录,订单的填写和提交,留言、意见的反馈等.表单是网站从客户端获取数据的重要方式,表单数据的合法性校验就变得尤其重要.不合法的数据提交到数据库会增加数据库的冗余,还有可能被一些利用攻击网站.验证数据合法性的方法分为服务器端和客户端两种,服务器端的原理是服务器获取客户端提交到服务器的数据然后根据合法行规则校验;客户端的原理是在表单数据提交到服务器端之前通过Jascript脚本来校验数据的合法性.这两种方式最大的区别是客户端在客户端尚未向服务器发出请求之前就进行了数据校验,避免数据向服务器提交造成的带宽浪费和服务器处理数据的压力,当然,为了保险起见两种方式都应该保留.下面我们就来看如何校验一个用户注册信息的合法性.

Jascript代码:

上面代码主要进行用户名、进行了一个简单的长度检验,思路是通过Jascript脚本的document.getElementByID()方法来获取表单中对应元素的值,然后对值的长度进行判断,只有数据都合法才会被提交到服务器.

2.3Jascript在网站交互中的应用

随着人们对Jascript技术的不断探索,电子商务网站的用户体验也在不断向前发展,现在人们可以像操作Windows系统桌面程序一样轻松的在网页上实现特定的功能.例如商品加入到购物车,通过拖拽来添加和删除购物车中的商品,弹出提示对话框等操作.理论上讲我们可以利用Jascript技术在网页中实现我们在Windows系统中常用操作习惯,如拖拽、双击、选中等.这些功能在Jascript出现之前是不可想象的.

Jascript在电子商务网站中实现的最重要的交互是数据交互,用户对于商品的评价以及评价的分页显示,商品介绍和规格参数的异步呈现这些都要用到.我们常说的Ajax(AsynchronousJaScriptandXML的简称)技术就是综合运用JaScript、XHTML和CSS、DOM、XML和XSTL,XMLHttpRequest等技术.这项技术改变了传统Web应用采用同步交互过程为异步,程序在需要时才去请求数据库.进行数据加载.不仅速度很快,而且大大减少了服务器端的负担.例如用户修改和删除一个购物车中的商品,不需要刷新整个页面就可以完成.Jascript代码:

代码书写的方式和Jascript书写方式有所不同,这里采用的是JQuery框架语法书写的.jQuery于2006年被美国人JohnResig创建,秉承了一个核心理念“写得更少,做得更多”.JQuery是用Jascript技术开发出来的类库,更便于书写并且能够跨浏览器兼容.Ajax用JQuery书写可以大大提高效率,甚至有取代Ajax中XML的趋势.只需要使用一个post方法就可以方便的传递和获取的数据.

3结束语

Jascript技术在电子商务网站中的应用大大提高了用户体验水平,一些基于这种技术的扁平化设计被越来越多的用户接受,随之而来的是网站访问量的增长.在电商竞争日趋白热化的今天,提升用户体验培养一批忠诚度高的用户至关重要.当然,Jascript技术也有其自身的缺陷:浏览器设置为禁用脚本,那么Jascript代码就没有办法运行;Jascript代码运行在客户端,这无形中增加了客户端计算机的负担;一些恶意代码读取客户端信息,侵犯用户的个人隐私;这些问题还都函待解决.未来Jascript技术的发展一定能够逐步的完善自己的不足,助推电子商务网站向更加美好的明天前进.

类似论文

电子商务网站开发技术

[摘 要]电子商务网站是电子商务系统运行的主要平台,本文介绍电子商务网站的主要开发技术,ASP结合HTML网页建立动态、。
更新日期:2024-2-8 浏览量:8096 点赞量:2917

电子商务网站开发中数据库安全问题

摘 要:随着网络技术的发展与迅速普及,人们的生活方式发生了翻天覆地的巨大变化 电子商务正在ৎ。
更新日期:2024-11-1 浏览量:20596 点赞量:6137

电子商务网站的身份认证技术

[摘 要]本文指出了电子商务活动当前所面临的身份认证问题,详细描述了目前流行的几种身份认证技术的。
更新日期:2024-5-17 浏览量:69584 点赞量:15808

电子商务网站信息安全问题技术

【摘 要】随着互联网技术的蓬勃发展,基于网络和多媒体技术的电子商务应运而生并迅速发展 信息技术和计算机网络&。
更新日期:2024-8-10 浏览量:105909 点赞量:23278

电子商务网站开发财经大学

电子商务期末复习题一、名次解释 1 电子商业是通过因特网进行的商品购销活动的总称,是现在商业形式发展到当今网络信息时代į。
更新日期:2024-4-8 浏览量:11473 点赞量:3872

电子商务网站中商品展示技术应用

摘 要:针对当前电子商务网站商品展示的需求,从网站研发的角度对商品展示技术进行了研究 首先阐述了商品展。
更新日期:2024-5-6 浏览量:13522 点赞量:4606

电子商务网站开发团购

买划算(团购)电子商务门户网站开发制作方案一、网站要求 1,本网站是一个能够为用户提供团购和秒杀购物类的电子商务网站,通过整合WEB2。
更新日期:2024-9-9 浏览量:16875 点赞量:4714