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

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

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

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

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

6、保留。下 面我們就來看如何校驗(yàn)一個(gè)用戶注冊(cè)信息的合法性。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 個(gè)字符，password 的值必須為 8 20 個(gè)字符*/if (username length>16 us

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

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

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

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

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