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

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無刷新檢測數(shù)據(jù)的簡單功能。
在傳統(tǒng)方式中,用戶注冊的時候,常常需要用戶填寫完整個表單,再提交給服務(wù)器。當(dāng)系統(tǒng)檢測該用戶名已存在,便返回提示用戶,并需要重新填寫整個表單,用戶體驗(yàn)很不好。
而使用Ajax技術(shù),在用戶注冊過程中,當(dāng)用戶輸入了想注冊的用戶名后,鼠標(biāo)離開編輯框,系統(tǒng)就檢測該用戶名是否存在,并立即提示用戶該用戶名是否可用?,F(xiàn)在的網(wǎng)站基本都采取了這種方法,避免傳統(tǒng)方式的弊端,提升用戶體驗(yàn)。如圖所示,163郵箱的注冊界面。
| Ajax的實(shí)現(xiàn)方式,通??梢苑譃橐韵氯N: 1、利用純粹的JavaScript實(shí)現(xiàn); 2、利用微軟自帶的Ajax控件庫實(shí)現(xiàn); 3、利用第三方類庫實(shí)現(xiàn),如AjaxPro; 這里介紹第三種方法,使用AjaxPro實(shí)現(xiàn)無刷新數(shù)據(jù)檢測。
|
我要實(shí)現(xiàn)的是一個添加單詞的功能,當(dāng)鼠標(biāo)離開單詞輸入框時,檢測單詞數(shù)據(jù)庫中是否已存在該單詞,并給出相應(yīng)提示。(同用戶注冊原理一致)。
1、獲取AjaxPro
AjaxPro是免費(fèi)的Ajax類庫,官網(wǎng)是ajaxpro.info,現(xiàn)在搬到了微軟的開源托管網(wǎng)站CodePlex上,即ajaxpro.codeplex.com。
當(dāng)前***版為9.2.17.1,單擊Download,下載完成后,解壓9.2.17.1_DLL.zip,得到如圖所示的五個文件。我們將使用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 ——


咨詢
建站咨詢
