page類(lèi)和回調(diào)技術(shù)(編輯修改稿)
2024-09-26 00:09 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 記之外，不符合 XHTML標(biāo)準(zhǔn)。這對(duì)于普通頁(yè)面來(lái)說(shuō)也許并無(wú)大礙，但是如果在頻繁輸出 javascript腳本的 網(wǎng)頁(yè)中，可能會(huì)對(duì)網(wǎng)頁(yè)的客戶端執(zhí)行效果產(chǎn)生影響。因?yàn)?javascript腳本塊在客戶端調(diào)用方法之前還是客戶端調(diào)用方法之后效果可能會(huì)不一樣。 下面在 Home窗體的 Page_Load事件中添加代碼，如下： 1. using System。 2. using 。 3. using 。 4. using 。 5. using 。 6. using 。 7. using 。 8. using 。 9. using 。 10. using 。 11. 12. public partial class Home : 13. { 14. protected void Page_Load(object sender, EventArgs e) 15. { 16. if (!) 17. { 18. (script language=39。javascript39。alert(39。 + oString() + 39。)/script)。 19. } 20. } 21. } 這樣每次運(yùn)行 ，如下圖： 這不是我們所關(guān)心的，我們關(guān)注的是生成的 HTML代碼，如下： 1. 2. 3. !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN ht 4. 5. html xmlns= 6. headtitle 7. 無(wú)標(biāo)題頁(yè) 8. /title/head 9. body 10. form name=form1 method=post action= id=form1 11. div 12. input type=hidden name=__VIEWSTATE id=__VIEWSTATE value=/wEPDwUJNzgzNDMwNTMzZGTB6tgIyCoS2q3pZeKmhFwC24pQzw== / 13. /div 14. 15. div 16. 17. /div 18. /form 19. /body 20. /html 可以看見(jiàn)輸出的 javascript代碼在 html/html標(biāo)記之外。 在 Page類(lèi)中有一個(gè) ClientScript屬性，它是 ClientScriptManager的實(shí)例，這個(gè)類(lèi)是在。 ClientScriptManager有如下幾個(gè)常用方法： RegisterClientScriptBlock方法：向 Page 對(duì)象注冊(cè)客戶端腳本。 RegisterStartupScript方法：向 Page 對(duì)象注冊(cè)啟動(dòng)腳本。 ClientScriptManager類(lèi)通過(guò)鍵 string和 Type來(lái)唯一標(biāo)識(shí)腳本。具有相同類(lèi)型的鍵和 Type的腳本識(shí)為同一 腳本。 下面對(duì) Home窗體的 Page_Load事件中輸入如下代碼： 1. using System。 2. using 。 3. using 。 4. using 。 5. using 。 6. using 。 7. using 。 8. using 。 9. using 。 10. using 。 11. 12. public partial class Home : 13. { 14. protected void Page_Load(object sender, EventArgs e) 15. { 16. 17. if (!((), ClientScriptBlock)) 18. { 19. ((), ClientScriptBlock, )。 20. } 21. 22. if (!((), StartupScript)) 23. { 24. ((), StartupScript, script language=39。javascript39。alert(39。StartupScript39。)/script)。 25. } 26. //(script language=39。javascript39。alert(39。 + String() + 39。)/script)。 27. } 28. } 執(zhí)行該頁(yè)面時(shí)，會(huì)彈出兩個(gè)提示窗口，生成的 HTML代碼如下： 1. 2. !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN ht 3. 4. html xmlns= 5. headtitle 6. 無(wú)標(biāo)題頁(yè) 7. /title/head 8. body 9. form name=form1 method=post action= id=form1 10. div 11. input type=hidden name=__VIEWSTATE id=__VIEWSTATE value=/wEPDwUJNzgzNDMwNTMzZGTB6tgIyCoS2q3pZeKmhFwC24pQzw== / 12. /div 13. 14. 15. div 16. /div 17. 18. /form 19. /body 20. /html 可以看出上面的兩個(gè)方法輸出的 javascript腳本都在 form/form標(biāo)記之內(nèi)，不會(huì)破環(huán)文章的結(jié)構(gòu)，而且 RegisterClientScriptBlock方法輸出的 javascript腳本代碼塊靠近 form標(biāo)記的開(kāi)始標(biāo)記，而 RegisterStartupScript方法輸出的 javascript腳本代碼塊靠近 form標(biāo)記的結(jié)束標(biāo)記，了解這一點(diǎn)對(duì)于控制動(dòng)態(tài)添加的客戶端腳本的時(shí)間是非常有利的。 回調(diào)技術(shù) (CallBack) 在 默認(rèn)都是整頁(yè)面提交 ，此時(shí)客戶端將當(dāng)前頁(yè)面表單中的數(shù)據(jù)（包括一些自動(dòng)生成的隱藏域）都提交到服務(wù)器端，服務(wù)器重新實(shí)例化一個(gè)當(dāng)前頁(yè)面類(lèi)的實(shí)例響應(yīng)這個(gè)請(qǐng)求，然后將整個(gè)頁(yè)面的內(nèi)容重新發(fā)送到客戶端，這種處理方式對(duì)運(yùn)行結(jié)果沒(méi)什么影響，不過(guò)這種方式加重了網(wǎng)絡(luò)的數(shù)據(jù)傳輸負(fù)擔(dān)、加大了服務(wù)器 的工作壓力，并且用戶還需要等待最終處理結(jié)果。假如是我們希望有這么一個(gè)功能，當(dāng)用戶填寫(xiě)完用戶名之后就檢查服務(wù)器數(shù)據(jù)庫(kù)里是否已存在該用戶名，如果存在就給出已經(jīng)存在此用戶名的提示，如果不存在就提示用戶此用戶名可用，對(duì)于這種情況其實(shí)只需要傳遞一個(gè)用戶名作為參數(shù)即可，上面的做法卻需要提交整個(gè)表單，有點(diǎn)小題大做。解決上面的問(wèn)題的辦法目前主流做法有三種：純 javascript實(shí)現(xiàn)、微軟 Ajax類(lèi)庫(kù)實(shí)現(xiàn)還有用 AjaxPro實(shí)現(xiàn)。后兩種做法在稍后的文章中會(huì)講到，這里我講另外一種實(shí)現(xiàn)：通過(guò)回調(diào)技術(shù)。 創(chuàng)建實(shí)現(xiàn)回調(diào)技術(shù)的網(wǎng)頁(yè)與 普通 ，只不過(guò)還需要做以下特殊工作： (1)讓當(dāng)前頁(yè)面實(shí)現(xiàn) ICallbackEventHandler接口，這個(gè)接口定義了兩個(gè)方法： string GetCallbackResult ()方法和 void RaiseCallbackEvent (string eventArgument)方法。其中 GetCallbackResult ()方法的作用是返回以控件為目標(biāo)的回調(diào)事件的結(jié)果， RaiseCallbackEvent()方法的作用是處理以控件為目標(biāo)的回調(diào)事件。 (2)為當(dāng)前頁(yè)提供三個(gè) javascript客
試題試卷相關(guān)推薦
鄂ICP備17016276號(hào)-1