日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
使用AjaxPro實(shí)現(xiàn)無(wú)刷新數(shù)據(jù)檢測(cè)

使用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 —— —— 節(jié)點(diǎn)下,添加如下代碼:

 
 
 
 
  1.   
  2.   
  3.     type="AjaxPro.AjaxSettingsSectionHandler,AjaxPro.2"
  4.     requirePermission="false"
  5.     restartOnExternalChanges="true"
  6. />

2)在webconfig —— 節(jié)點(diǎn)下,添加ajaxNet節(jié)點(diǎn),即如下代碼:

 
 
 
 
  1.   
  2.     
  3.       
  4.     
  5.     
  6.       
  7.     
  8.     
  9.     
  10.     
  11. <td id="wixb9"></td>
      • <sup id="wixb9"><table id="wixb9"><dd id="wixb9"></dd></table></sup><td id="wixb9"><code id="wixb9"><small id="wixb9"></small></code></td>
      • <sup id="wixb9"></sup>