客戶端和服務(wù)器端語(yǔ)言混合使用兩例――JavaScript和A

應(yīng)用與安全隨著全球信息網(wǎng)應(yīng)用的普及，越來(lái)越多的公司、個(gè)人希望通過(guò)此傳播媒介發(fā)展業(yè)務(wù)。同時(shí)，對(duì)于系統(tǒng)的智能化、人性化設(shè)計(jì)要求也與日上升，JavaScriPt和動(dòng)態(tài)頁(yè)面語(yǔ)言的混合應(yīng)用也因此得以廣泛推廣。JavaScript是一種腳本語(yǔ)言。此語(yǔ)言可以被嵌入HTML的文件之中。透過(guò)JavaScript回應(yīng)用戶所觸發(fā)的事件（如：form對(duì)象的輸入和檢測(cè)）而不用任何的網(wǎng)絡(luò)來(lái)回傳輸資料。當(dāng)使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過(guò)傳給服務(wù)器端（server）處理，再傳回來(lái)的過(guò)程，便可直接被客戶端（client）的應(yīng)用程序處理。運(yùn)行JavaScript的載體是客戶端。不但可以讓系統(tǒng)實(shí)時(shí)的與用戶進(jìn)行交互，而且因?yàn)楸苊饬司W(wǎng)絡(luò)的傳輸，大大地加快運(yùn)行速度和減輕服務(wù)器的負(fù)擔(dān)。而JavaScr.pt令人著迷的地方是：通過(guò)語(yǔ)言的編寫，控制整個(gè)頁(yè)面當(dāng)中的所有對(duì)象。它可以控制包括表單對(duì)象、頁(yè)面字體內(nèi)容、圖片位置等屬性。使得頁(yè)面更為絢麗。Web網(wǎng)頁(yè)具備強(qiáng)大的功能，在短短的幾年之間得以迅速的發(fā)展，動(dòng)態(tài)網(wǎng)頁(yè)可以通過(guò)鏈接數(shù)據(jù)庫(kù)，使頁(yè)面內(nèi)容根據(jù)用戶信息和數(shù)據(jù)庫(kù)內(nèi)容.對(duì)其進(jìn)行內(nèi)容控制。但由于動(dòng)態(tài)頁(yè)面語(yǔ)言是屬于服務(wù)器端（server）語(yǔ)言。每一次數(shù)據(jù)交換都必須經(jīng)過(guò)網(wǎng)絡(luò)傳送、服務(wù)器計(jì)算、數(shù)據(jù)回傳三個(gè)步驟。因此，經(jīng)常會(huì)出現(xiàn)由于網(wǎng)絡(luò)的關(guān)系導(dǎo)致數(shù)據(jù)傳送的延誤、出錯(cuò)等現(xiàn)象。為了使頁(yè)面的智能化得以進(jìn)一步提高，頁(yè)面能夠根據(jù)用戶事件進(jìn)行實(shí)時(shí)回應(yīng)，將客戶端和服務(wù)器端的語(yǔ)言相結(jié)合成為了網(wǎng)絡(luò)語(yǔ)言編寫的新動(dòng)向。方法如下圖：首先由服務(wù)器端動(dòng)態(tài)頁(yè)面語(yǔ)言，如ASP.JSP等對(duì)數(shù)據(jù)進(jìn)行記錄集的綁定，調(diào)出所有相關(guān)數(shù)據(jù)庫(kù)的內(nèi)容。數(shù)據(jù)經(jīng)過(guò)傳送后。暫存在名相沖突，并且實(shí)時(shí)地對(duì)用戶進(jìn)行提示，避免提交后方可檢測(cè)的麻煩呢？這就需要將兩種語(yǔ)言相結(jié)合.相互補(bǔ)足。具體操作步驟：綁定記錄集，將數(shù)據(jù)庫(kù)中的所有用戶名進(jìn)行調(diào)出建立數(shù)據(jù)庫(kù)鏈接類型，通過(guò)SQL語(yǔ)句對(duì)數(shù)據(jù)中的“nname”(用戶名)宇段內(nèi)容進(jìn)行綁定。綁定記錄集名為°R1”。V%setobj—server.Createobject(0ADODB.JavaScr研動(dòng)態(tài)生成的數(shù)組當(dāng)中。JavaScript根據(jù)用戶觸發(fā)的事件和信息，對(duì)數(shù)組中內(nèi)容進(jìn)行篩選后通過(guò)語(yǔ)言控制顯示在頁(yè)面中。下面.筆者就以兩個(gè)例子說(shuō)明JavaScrjpt與ASP(VBScr.pt)相結(jié)合的使用方法。Connection，)obj.ConneclionStmg=0provider=Micros磯.jet.oIedb.4.0：datasource=°&server.mappath('/book.mdb°)obj.opensetR1=server.CreateObject(°ADODB.1翅潮網(wǎng)絡(luò)新用戶在網(wǎng)絡(luò)應(yīng)用中，用戶經(jīng)常使用“注冊(cè)”這一功能，如電子郵!只ecOrdset。)ms=0SELECTnnameRl.openFR0MbDassoms,obj,l%>一J???％0一一客戶螬建立JavaScript中的數(shù)組1用戶?件虛l■E讓Jn°|ssp|箱、論壇用戶名由于用戶名的數(shù)量未知。因此建立動(dòng)態(tài)數(shù)組“k”。接下來(lái)。使用ASP語(yǔ)句對(duì)記錄集Rl進(jìn)行遍歷，將所有記錄集宇段nname內(nèi)容存放在數(shù)組當(dāng)中。以t作為標(biāo)識(shí)，使新建一個(gè)數(shù)組單元便存應(yīng)用與安全莒是■于IK角檔菱［做wHE忘，每一攻長(zhǎng)推提交后方可槍漏的職垣驅(qū)。誼就用餐冉兩神帶■他《￡仙煙心乏山日#&HL莒是■于IK角檔菱［做wHE忘，每一攻長(zhǎng)推提交后方可槍漏的職垣驅(qū)。誼就用餐冉兩神帶■他《￡仙煙心乏山日#&HL虻堊皿言f坦土也始SB放一個(gè)用戶名。一?/回進(jìn)結(jié)果動(dòng)態(tài)數(shù)組①數(shù)據(jù)傳進(jìn).國(guó)'數(shù)/庫(kù)數(shù)據(jù)后臺(tái)（服務(wù)器端）等。如何使新注冊(cè)的用戶名不與已有的用戶應(yīng)用與安全率較低。而且用戶使用起來(lái)也顯得比較笨拙。Vscriptvar二列表的內(nèi)容標(biāo)簽和值。其中關(guān)鍵語(yǔ)句為二維數(shù)組的建立：Ianguage=—javascript?>二級(jí)級(jí)聯(lián)的方法就是把所有的選項(xiàng)進(jìn)行分類，讓用戶先選擇類型，然后再選擇具體目標(biāo)。如對(duì)學(xué)校各位老師的姓名進(jìn)行選擇時(shí).因k=newArray()；V%t=Owh"e(notsubcat【V%=t%>】=newArray(°V%=R2(°tkeshio)%>?.o<%=R2(oteanameo)%>,)Rl,eof)%>為人數(shù)較多，即使按姓名排列的方法也較費(fèi)時(shí)間。使用二級(jí)級(jí)聯(lián)方法.可先按照各人所屬科室進(jìn)行分組。用戶在使用的時(shí)候，首先在第一個(gè)下拉列表中選擇科室，第二個(gè)列表中立即刷新為所屬人員列表。這樣，使系統(tǒng)的利用效率得以大大地增強(qiáng)。對(duì)于用戶的使用也更具人性化。k[<%=t%>】=newArray('<%=Rl(°nname°)%>')<%t=t+lRl.movene)(twend%>人員列表更新函數(shù)當(dāng)用戶在列表一中選擇了科組后，觸發(fā)以下函數(shù)對(duì)人員列表內(nèi)容進(jìn)行更新：(3)檢測(cè)新用戶名由于所有人員資料已經(jīng)全部綁定在記錄由用戶觸發(fā)事件。調(diào)用自定義函數(shù)。把注冊(cè)新用戶名，即頁(yè)面中用戶名輸入框中的值(forml.teXlfieldvalue)。跟所有數(shù)組單元中內(nèi)容進(jìn)行匹對(duì)。若用戶名已存在，退出循環(huán)。并在指定位置當(dāng)中顯示出錯(cuò)提示。否則提示用戶名可用。functionchangeseJectl(Jocationid)(document.forml.s2Iength=O：documenl.forml.s2.oplions【O】=newOp一卬n(?==請(qǐng)選擇==。”)：for(._O：ksubcat.Iength：i十+){.f(subcat[i】[O】==Iocationid){document.forml.s2.options【document.forml.s2.Iength】=newOption(subcat【.】【l】.subcat【i】【l】)：}}一集并存放在JavaScr㈣的動(dòng)態(tài)數(shù)組中，當(dāng)用戶重選所屬科組，瀏覽器也不需再經(jīng)過(guò)服務(wù)器的數(shù)據(jù)傳輸.而直接在客戶端里便可以完成人員列表的更新。用戶能更加直觀、迅速、準(zhǔn)確地選擇目標(biāo)選項(xiàng)。這也是ASP和腳本語(yǔ)言相結(jié)合的優(yōu)勢(shì)體現(xiàn)。具體操作步驟：functions()(1)綁定記錄集}{for(}=1：iV=V%=R1.recordcount%＞：i++){if(k[i一1】==forml.textfield.value){document.getEIementByld將所有教師的姓名、科室取出，并綁定為記錄集。綁定方法與上例中的記錄集綁定方法(okko).inner—一致.先建立數(shù)據(jù)庫(kù)的鏈接。再定義記錄集對(duì)象，最后執(zhí)行SQL查詢語(yǔ)言。SELECT'fromteachers”。循環(huán)動(dòng)態(tài)數(shù)組，將一維內(nèi)容與列表一傳送的參數(shù)locationid進(jìn)行匹配，利用°newOp—tion”命令把二維內(nèi)容添加至列表二中，并設(shè)為當(dāng)前選項(xiàng)的值。這樣，通過(guò)用戶所選取的科組內(nèi)容，經(jīng)過(guò)循環(huán)，腳本函數(shù)可以自動(dòng)地給列表二更新內(nèi)容。而這一切，完全由客戶端完成。免HTML=。出錯(cuò)。該用戶名已經(jīng)被占用break：)else(document.getEIementByld(okko).inner—(2)建立JavaScript中的二維動(dòng)態(tài)數(shù)組HTML=。可用?}}}V/script>去了對(duì)數(shù)據(jù)庫(kù)的多次調(diào)用。由服務(wù)器端語(yǔ)言負(fù)責(zé)數(shù)據(jù)庫(kù)的調(diào)用，客戶動(dòng)態(tài)數(shù)組的建立方法與例一相同。不同之端語(yǔ)言負(fù)責(zé)與用戶交互。因此系統(tǒng)可以自動(dòng)地根據(jù)用戶的事件進(jìn)行即時(shí)的反應(yīng)或提醒，使系統(tǒng)顯得更加“人性化”。而現(xiàn)今網(wǎng)絡(luò)使用管理中，“智能化”、“高效率”是今后網(wǎng)絡(luò)編程發(fā)展的大趨勢(shì)。因此怎樣通過(guò)結(jié)合各種不同的網(wǎng)絡(luò)編程語(yǔ)言來(lái)進(jìn)行優(yōu)化網(wǎng)頁(yè)的使用管理已威為我們共同關(guān)注的話題.而JavaScr.pt與ASP(VBScripl)相結(jié)合的使用亦成為我們解決實(shí)際難題的主要方法。2=級(jí)級(jí)聯(lián)昀下稽列表處在于本例中需要利用記錄集中的數(shù)據(jù)建立二維數(shù)組。如屬于筆者資料的二維數(shù)組內(nèi)容表單中的下拉列表，可以讓用戶直觀、準(zhǔn)確地選擇所需要的信息?？墒?一旦數(shù)量較多時(shí)，逐?拉選檢查并非一個(gè)明智之舉。不但效為：subcal【177】一newArray（。計(jì)算機(jī)”，”李志宏”）。其一維內(nèi)容“計(jì)算機(jī)”作為后面列表顯示內(nèi)容的匹配條件。二維內(nèi)容“李志宏”是作為第作者簡(jiǎn)介：李志宏（1981一），廣州市人，于廣州在選擇科組之前，用戶名列表為空用戶名列表中。顯示屬于“計(jì)算機(jī)”科組的人員名單第一商業(yè)中專學(xué)校任教師。主要研究方向：網(wǎng)頁(yè)制作、網(wǎng)站建設(shè)。rnhrkis客戶端和服務(wù)器端語(yǔ)言混合使用兩例JavaScript和ASP(VBScript作者：作者單位：刊名：英文刊名：年，卷(期：被引用次數(shù)：李志宏廣