新聞中心
使用AjaxPro實(shí)現(xiàn)無(wú)刷新數(shù)據(jù)檢測(cè)

Ajax(Asynchronous JavaScript and XML,異步JavaScript 和XML)的應(yīng)用,可以創(chuàng)建更好、更快、以及交互性更強(qiáng)的 Web 應(yīng)用程序。利用AjaxPro可以輕松創(chuàng)建Ajax應(yīng)用。本文主要總結(jié)一下AjaxPro的使用步驟,并實(shí)現(xiàn)Ajax無(wú)刷新檢測(cè)數(shù)據(jù)的簡(jiǎn)單功能。
在傳統(tǒng)方式中,用戶注冊(cè)的時(shí)候,常常需要用戶填寫(xiě)完整個(gè)表單,再提交給服務(wù)器。當(dāng)系統(tǒng)檢測(cè)該用戶名已存在,便返回提示用戶,并需要重新填寫(xiě)整個(gè)表單,用戶體驗(yàn)很不好。
而使用Ajax技術(shù),在用戶注冊(cè)過(guò)程中,當(dāng)用戶輸入了想注冊(cè)的用戶名后,鼠標(biāo)離開(kāi)編輯框,系統(tǒng)就檢測(cè)該用戶名是否存在,并立即提示用戶該用戶名是否可用?,F(xiàn)在的網(wǎng)站基本都采取了這種方法,避免傳統(tǒng)方式的弊端,提升用戶體驗(yàn)。如圖所示,163郵箱的注冊(cè)界面。
| Ajax的實(shí)現(xiàn)方式,通??梢苑譃橐韵氯N: 1、利用純粹的JavaScript實(shí)現(xiàn); 2、利用微軟自帶的Ajax控件庫(kù)實(shí)現(xiàn); 3、利用第三方類庫(kù)實(shí)現(xiàn),如AjaxPro; 這里介紹第三種方法,使用AjaxPro實(shí)現(xiàn)無(wú)刷新數(shù)據(jù)檢測(cè)。
|
我要實(shí)現(xiàn)的是一個(gè)添加單詞的功能,當(dāng)鼠標(biāo)離開(kāi)單詞輸入框時(shí),檢測(cè)單詞數(shù)據(jù)庫(kù)中是否已存在該單詞,并給出相應(yīng)提示。(同用戶注冊(cè)原理一致)。
1、獲取AjaxPro
AjaxPro是免費(fèi)的Ajax類庫(kù),官網(wǎng)是ajaxpro.info,現(xiàn)在搬到了微軟的開(kāi)源托管網(wǎng)站CodePlex上,即ajaxpro.codeplex.com。
當(dāng)前***版為9.2.17.1,單擊Download,下載完成后,解壓9.2.17.1_DLL.zip,得到如圖所示的五個(gè)文件。我們將使用AjaxPro.2.dll和web.config配置文件。
2、添加引用
為項(xiàng)目添加AjaxPro的引用。右鍵項(xiàng)目下的“引用”目錄,添加引用,瀏覽找到AjaxPro.2.dll,確定。
3、配置web.config
為網(wǎng)站的web.config添加AjaxPro的配置信息,主要添加三部分內(nèi)容(具體代碼參考AjaxPro壓縮包中的web.config文件)。
1)在webconfig ——
- type="AjaxPro.AjaxSettingsSectionHandler,AjaxPro.2"
- requirePermission="false"
- restartOnExternalChanges="true"
- />
2)在webconfig ——


咨詢
建站咨詢
