第9章Ajax技術(shù)

本章目標(biāo)Ajax簡(jiǎn)介ASP.NETAJAX常用控件ASP.NETAJAX應(yīng)用實(shí)例JQuery的Ajax技術(shù)Ajax簡(jiǎn)介AJAX全稱為“AsynchronousJavaScriptandXML”（異步JavaScript和XML），是一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開發(fā)技術(shù)。Ajax應(yīng)用程序的優(yōu)勢(shì)在于：能夠優(yōu)化數(shù)據(jù)傳輸，減少帶寬占用。Ajax引擎在客戶端運(yùn)行，承擔(dān)了一部分本來由服務(wù)器承擔(dān)的工作，從而減少了大用戶量下的服務(wù)器負(fù)載。而且，AJAX能夠提供極為豐富的客戶端體驗(yàn)。Google的Gmail和GoogleMaps就是AJAX應(yīng)用的典型例子。ASP.NETAJAX簡(jiǎn)介

（1）AJAXExtension其中包括了四個(gè)主要的Web控件：ScriptManager：所有的使用AJAX的頁(yè)面都必須放置一個(gè)ScriptManager控件ScriptManagerProxy：當(dāng)母版頁(yè)上已有一個(gè)ScriptManager控件時(shí)，在子頁(yè)面中使用Timer：實(shí)現(xiàn)定時(shí)調(diào)用，常用于定時(shí)到服務(wù)器上去提取相關(guān)的信息UpdatePanel：最重要的AJAX控件，用于定義頁(yè)面更新區(qū)域和更新方式UpdateProgress：當(dāng)頁(yè)面異步更新正在進(jìn)行時(shí)提示用戶（2）AJAXControlToolKitAJAXControlToolKit建構(gòu)于微軟AJAXExtension之上，基本涵蓋了Web頁(yè)面開發(fā)最需要使用的功能，使用方便。AJAXControlToolKit的全部控件集中于AjaxControlToolkit.dll文件中，可以通過在VisualStudio工具箱上選擇“選擇項(xiàng)”命令，將其中的控件放置到工具箱上。AJAXExtension安裝

從VS2008開始，AJAXExtension成為標(biāo)準(zhǔn)控件，不用安裝就可以支持了，如果是2005就需要安裝?？蓮?en-us/download/confirmation.aspx?id=883下載ASPAJAXExtSetup.msi安裝包。安裝只需要一路next就行了，但要注意安裝前關(guān)閉VS.NET，因?yàn)榘惭b過程中需要對(duì)它做些配置。ASP.NETAJAX常用控件

ScriptManager控件UpdatePanel控件Timer控件ScriptManagerProxy控件

ScriptManager控件

所有需要支持ASP.NETAJAX的ASP.NET頁(yè)面上有且只能有一個(gè)ScriptManager控件，它用來處理頁(yè)面上的所有組件以及頁(yè)面局部更新，生成相關(guān)的客戶端代理腳本以便能夠在JavaScript中訪問WebService。UpdatePanel控件

UpdatePanel是ASP.NET2.0AJAXExtensions中很重要的一個(gè)控件，其強(qiáng)大之處在于不用編寫任何客戶端腳本就可以自動(dòng)實(shí)現(xiàn)局部更新?！纠?-1】9-1.aspxTimer控件

ASP.NETAJAX中的Timer控件可以讓W(xué)eb頁(yè)面在一定的時(shí)間間隔內(nèi)局部刷新?！纠?-2】9-2.aspx

ScriptManagerProxy控件

在ASP.NETAJAX中，一個(gè)ASPX頁(yè)面上只能有一個(gè)ScriptManager控件，所以在Master的已有ScriptManager控件的情況下；在Content中使用ASP.NETAJAX，在Content中用ScriptManagerProxy，而不是ScriptManager。ASP.NETAJAX應(yīng)用實(shí)例

ASP.NETAJAX實(shí)現(xiàn)登錄ASP.NETAJAX實(shí)現(xiàn)下拉框聯(lián)動(dòng)ASP.NETAJAX實(shí)現(xiàn)信息即時(shí)刷新ASP.NETAJAX實(shí)現(xiàn)登錄

【例9-3】9-3.aspx

ASP.NETAJAX實(shí)現(xiàn)下拉框聯(lián)動(dòng)

【例9-4】9-4.aspx

ASP.NETAJAX實(shí)現(xiàn)信息即時(shí)刷新

【例9-5】9-5.aspx

JQuery的Ajax技術(shù)jQuery是一個(gè)簡(jiǎn)潔快速靈活的JavaScript框架，它能讓你在你的網(wǎng)頁(yè)上簡(jiǎn)單的操作文檔、處理事件、實(shí)現(xiàn)特效并為Web頁(yè)面添加Ajax