電子商務網(wǎng)站開發(fā)中Javascript技術(shù)的應用研究

1、電子商務網(wǎng)站開發(fā)中javascript技術(shù)的應用研究摘 要：電子商務的發(fā)展正深刻的改變著互聯(lián)網(wǎng)的格局，同時也對網(wǎng) 站制作技術(shù)產(chǎn)生了較大的影響。javascript技術(shù)在電子商務網(wǎng)站開發(fā)中的 應用極大的提高了網(wǎng)站的交互能力，從網(wǎng)站ui的設計到異步數(shù)據(jù)的交互 都離不開javascript技術(shù)。jquery插件的出現(xiàn)使javascript編程更加便 捷，使數(shù)據(jù)的異步交互甚至可以脫離xml技術(shù)。未來javascript技術(shù)的 深度挖掘?qū)殡娮由虅站W(wǎng)站的設計帶來更加深遠的影響。關鍵詞：javascript； jquery； ajax；電子商務;交互中圖分類號:tp393. 092互聯(lián)網(wǎng)的發(fā)展正在改變著人

2、們的生活方式，人們通過互聯(lián)網(wǎng)可以買賣 商詁，進行資金管理，實時與他人溝通，還可以進行其他一系列活動。企 業(yè)首先發(fā)現(xiàn)和放大了互聯(lián)網(wǎng)突破時間空間限制的特性，電子商務活動應運 而生。電子商務網(wǎng)站比傳統(tǒng)的公司門戶網(wǎng)站擁有更多的用戶，尤其是淘寶 網(wǎng)口訪問量達到了幾千萬次，這樣龐大的訪問量對于服務器來說是一個巨 大的壓力。而javascript技術(shù)的應用將這種對服務器的直接壓力分散到 了各個客戶端。1 javascript技術(shù)概述javascript技術(shù)起源大概在1992年，一家稱作nombas的公司開發(fā)了 一種叫做c減減(c-minus-minus,簡稱cmm)的嵌入式腳本語言。后來這 個語言更名為sc

3、ripteaseo隨著netscape的netscape navigator嶄露頭 角，網(wǎng)上沖浪成為了人們生活中的一部分并流行起來，而這時對于開發(fā)一 種客戶端腳本語言的需求也越來越強烈。1997年javascript 1. 1作為一 個草案提交給歐洲計算機制造商協(xié)會（ecma）, ecma-262標準誕生，該標 準定義了名為ecmascript的全新腳木語言，這也就是javascript技術(shù)實 現(xiàn)的基礎。2 javascript技術(shù)在電子商務網(wǎng)站開發(fā)中的應用2. 1 javascript在網(wǎng)站ui設計中的應用電子商務網(wǎng)站的ul （user interface用戶界面）設計是網(wǎng)站的重要 組成部分

4、。電子商務網(wǎng)站的后臺實現(xiàn)可以使用php, j2ee, asp. net等多 種技術(shù)，但是用戶看到的部分主要是網(wǎng)站的ui。好的ui設計能夠幫助網(wǎng) 站在第一時間留住瀏覽者，讓他們繼續(xù)瀏覽網(wǎng)站，進而選擇想要的商品完 成交易。日前較為流行的是扁平化的網(wǎng)站ui設計，電子商務網(wǎng)站的ui設 計主要集屮在導航菜單上。折疊菜單、下拉菜單、滑動門效果、焦點圖等 是最常用的效果。折疊菜單的制作主要利用javascript來控制dom （文檔元素模型）元 索的css （層疊樣式表）屬性值來控制特定網(wǎng)頁元索的顯隱。2. 2 javascript在網(wǎng)站表單提交中的應用表單是電子商務網(wǎng)站頁面屮最常用的網(wǎng)頁元素之一。它常用于

5、用戶的 注冊登錄，訂單的填寫和提交,留言、意見的反饋等。表單是網(wǎng)站從客戶 端獲取數(shù)據(jù)的重要方式，表單數(shù)據(jù)的合法性校驗就變得尤其重要。不合法 的數(shù)據(jù)提交到數(shù)據(jù)庫會增加數(shù)據(jù)庫的兀余，還有可能被一些黑客利用攻擊 網(wǎng)站。驗證數(shù)據(jù)合法性的方法分為服務器端和客戶端兩種，服務器端的原 理是服務器獲取客戶端提交到服務器的數(shù)據(jù)然后根據(jù)合法行規(guī)則校驗；客 戶端的原理是在表單數(shù)據(jù)提交到服務器端之前通過javascript腳本來校 驗數(shù)據(jù)的合法性。這兩種方式最大的區(qū)別是客戶端在客戶端尚未向服務器 發(fā)出請求之前就進行了數(shù)據(jù)校驗，避免數(shù)據(jù)向服務器提交造成的帶寬浪費 和服務器處理數(shù)據(jù)的壓力，當然，為了保險起見兩種方式都應該

6、保留。下 面我們就來看如何校驗一個用戶注冊信息的合法性。javascript 代碼：function checkform () var username 二 document getelementbyld ("username") . value ； var password = docume nt. get el eme ntbytcl ("password") . value； /*數(shù)據(jù)合法性規(guī)則是us er name的值必須為2一16 個字符，password 的值必須為 8 20 個字符*/if (username length>16 us

7、ername length20 password length上面代碼主要進行用戶名、密碼進行了一個簡單的長度檢驗，思路是 通過javascript腳木的document. getel ementbytd ()方法來獲取表單中 對應元素的值，然后對值的長度進行判斷，只有數(shù)據(jù)都合法才會被提交到 服務器。2. 3 javascript在網(wǎng)站交互中的應用隨著人們對jewascript技術(shù)的不斷探索，電子商務網(wǎng)站的用戶體驗 也在不斷向前發(fā)展，現(xiàn)在人們可以像操作windows系統(tǒng)桌面程序一樣輕松 的在網(wǎng)頁上實現(xiàn)特定的功能。例如商品加入到購物車，通過拖拽來添加和 刪除購物車中的商品，彈出提示對話框等操作。

8、理論上講我們可以利用javascript技術(shù)在網(wǎng)頁中實現(xiàn)我們在windows系統(tǒng)中常用操作習慣，如拖 拽、雙擊、選中等。這些功能在javascript出現(xiàn)之前是不可想象的。javascript在電子商務網(wǎng)站中實現(xiàn)的最重要的交互是數(shù)據(jù)交互，用戶 對于商品的評價以及評價的分頁顯示，商詁介紹和規(guī)格參數(shù)的異步呈現(xiàn)這 些都要用到。我們常說的ajax (asynchronous javascript and xml的簡 稱)技術(shù)就是綜合運用javascript> xhtml和css、dom、xml和xstl, xmlilllprequest等技術(shù)。這項技術(shù)改變了傳統(tǒng)web應用采用同步交互過程 為異步

9、，程序在需要時才去請求數(shù)據(jù)庫進行數(shù)據(jù)加載不僅速度很快，而 且大大減少了服務器端的負擔。例如用戶修改和刪除一個購物車中的商 品，不需要刷新整個頁面就可以完成。javascript代碼：$ (function () $ (“#myselect") .click (function () $.post (，zgetdatails ashx，functioncdata, status) if(status二二success") $ (/z#deta ils).append (“+data+)； else alert ( ajax 錯誤 )；););)代碼書寫的方式和jovaswip

10、t書寫方式有所不同，這里釆用的是 jquery框架語法書寫的。jquery于2006年被美國人john resig創(chuàng)建， 秉承了一個核心理念“寫得更少，做得更多”。jquery是用javascript技 術(shù)開發(fā)出來的類庫，更便于書寫并且能夠跨瀏覽器兼容。ajax用jquery 書寫可以大大提高效率，甚至冇取代ajax屮xml的趨勢。只需要使用一 個post方法就可以方便的傳遞和獲取的數(shù)據(jù)。3結(jié)朿語javascript技術(shù)在電子商務網(wǎng)站中的應用大大提高了用戶體驗水平，-些基于這種技術(shù)的扁平化設計被越來越多的用戶接受，隨之而來的是網(wǎng) 站訪問量的增長。在電商競爭口趨白熱化的今天，提升用戶體驗培養(yǎng)一批

11、 忠誠度高的用戶至關重要。當然，javascript技術(shù)也有英自身的缺陷：瀏 覽器設置為禁用腳本，那么javascript代碼就沒有辦法運行；javascript 代碼運行在客戶端，這無形中增加了客戶端計算機的負擔；一些惡意代碼 讀取客戶端信息，侵犯用戶的個人隱私；這些問題還都函待解決。未來 javascript技術(shù)的發(fā)展一定能夠逐步的完善自己的不足，助推電子商務網(wǎng) 站向更加美好的明天前進。參考文獻：曾淑云.電子商務網(wǎng)站設計的探討j湖北財經(jīng)高等?？茖W校學 報，2012, 2, 25 (1)2 廖輝傳ajax技木在電子商務網(wǎng)站巾的應用j電子商務，2009, 10.3 侯海平基于jquery前端框架提升web用戶體驗的研究j科教 文匯，2013, 2.作者簡