(一). 運行效果如下:
(二). AjaxPro.NET簡介
AjaxPro.NET是一個優秀的Ajax框架, 在實際應用中只要添加其DLL引用并進行簡單的配置,
即可以非常方便的在客戶端直接調用服務端方法, 實現驗證目的.
(三).使用AjaxPro.NET預配置
1. 添加 AjaxPro.dll 文件的引用(示例代碼中已經包含,直接COPY過來使用即可).
2. 在Web.config文件中添加以下配置,
1
<
httpHandlers
>
2 < addverb = " POST,GET " path = " ajaxpro/*.ashx " type = " AjaxPro.AjaxHandlerFactory,AjaxPro " />
3 </ httpHandlers >
2 < addverb = " POST,GET " path = " ajaxpro/*.ashx " type = " AjaxPro.AjaxHandlerFactory,AjaxPro " />
3 </ httpHandlers >
3. 在要使用AjaxPro.NET框架的頁面 *.aspx.cs 的 Page_Load事件中加如下代碼:
AjaxPro.Utility.RegisterTypeForAjax(
typeof
(_Default));
4. 經過以上三步驟后, 只要在后臺服務端的方法前面增加屬性[AjaxMethod]后:
1
[AjaxMethod()]
//
or[AjaxPro.AjaxMethod]
2 public ArrayListGetSearchItems( string strQuery)
3 {
4 // 生成數據源
5 ArrayListitems = new ArrayList();
6 items.Add( " King " );
7 items.Add( " Rose " );
8 return items;
9 }
10
2 public ArrayListGetSearchItems( string strQuery)
3 {
4 // 生成數據源
5 ArrayListitems = new ArrayList();
6 items.Add( " King " );
7 items.Add( " Rose " );
8 return items;
9 }
10
就可以在客戶端直接使用服務端方法, 非常方便, 客戶端調用后臺代碼如下:
varreturnValue
=
后臺代碼類名.GetSearchItems(參數);
(四). 詳細代碼如下
1. 頁面 AjaxPro.NETDataValidate.aspx 代碼如下:
1
<
headrunat
=
"
server
"
>
2 < title > AjaxPro.NET數據驗證 </ title >
3 < scriptlanguage = " jscript " >
4 functionIsUsernameExist_callback(result)
5 {
6 varmsg = document.getElementById( ' lblMessage ' );
7 varvalue = result.value;
8 if (value == ' 0 ' )
9 {
10 msg.innerHTML = ' 用戶名合法! ' ;
11 msg.style.color = ' green ' ;
12 }
13 else if (value == ' 1 ' )
14 {
15 msg.innerHTML = ' 用戶名長度必須在3到15之間,且不包含字母/數字/下劃線以外的字符! ' ;
16 msg.style.color = ' red ' ;
17 }
18 else
19 {
20 msg.innerHTML = ' 用戶名不存在! ' ;
21 msg.style.color = ' red ' ;
22 }
23 }
24
25 functionVerifyUserName(name)
26 {
27 _Default.GetReturnCode(name,IsUsernameExist_callback);
28 }
29 </ script >
30 </ head >
31 < body >
32 < formid = " form1 " runat = " server " >
33 < div >
34 < asp:PanelID = " Panel1 " runat = " server " BackColor = " #C0C0FF " Font - Bold = " True " Font - Overline = " False "
35 Font - Size = " XX-Large " Height = " 37px " Width = " 459px " >
36 AjaxPro.NET數據驗證 </ asp:Panel >
37 < br />
38 < hralign = " left " style = " width:463px " />
39 < br />
40 輸入用戶名: & nbsp;
41 < asp:TextBoxID = " tbUsername " runat = " server " ></ asp:TextBox >< br />
42 < br />
43 < asp:LabelID = " lblMessage " runat = " server " Width = " 246px " ></ asp:Label ></ div >
44 </ form >
45 </ body >
2 < title > AjaxPro.NET數據驗證 </ title >
3 < scriptlanguage = " jscript " >
4 functionIsUsernameExist_callback(result)
5 {
6 varmsg = document.getElementById( ' lblMessage ' );
7 varvalue = result.value;
8 if (value == ' 0 ' )
9 {
10 msg.innerHTML = ' 用戶名合法! ' ;
11 msg.style.color = ' green ' ;
12 }
13 else if (value == ' 1 ' )
14 {
15 msg.innerHTML = ' 用戶名長度必須在3到15之間,且不包含字母/數字/下劃線以外的字符! ' ;
16 msg.style.color = ' red ' ;
17 }
18 else
19 {
20 msg.innerHTML = ' 用戶名不存在! ' ;
21 msg.style.color = ' red ' ;
22 }
23 }
24
25 functionVerifyUserName(name)
26 {
27 _Default.GetReturnCode(name,IsUsernameExist_callback);
28 }
29 </ script >
30 </ head >
31 < body >
32 < formid = " form1 " runat = " server " >
33 < div >
34 < asp:PanelID = " Panel1 " runat = " server " BackColor = " #C0C0FF " Font - Bold = " True " Font - Overline = " False "
35 Font - Size = " XX-Large " Height = " 37px " Width = " 459px " >
36 AjaxPro.NET數據驗證 </ asp:Panel >
37 < br />
38 < hralign = " left " style = " width:463px " />
39 < br />
40 輸入用戶名: & nbsp;
41 < asp:TextBoxID = " tbUsername " runat = " server " ></ asp:TextBox >< br />
42 < br />
43 < asp:LabelID = " lblMessage " runat = " server " Width = " 246px " ></ asp:Label ></ div >
44 </ form >
45 </ body >
2. 頁面 AjaxPro.NETDataValidate.aspx.cs后臺代碼如下:
1
public
partial
class
_Default:System.Web.UI.Page
2 {
3 protected void Page_Load( object sender,EventArgse)
4 {
5 AjaxPro.Utility.RegisterTypeForAjax( typeof (_Default));
6 tbUsername.Attributes.Add( " OnKeyUp " , " VerifyUserName(this.value) " );
7 }
8
9 [AjaxPro.AjaxMethod]
10 public string GetReturnCode( string strName)
11 {
12 if ( ! IsValidUsername(strName))
13 {
14 return " 1 " ;
15 }
16 else if ( ! IsUsernameExist(strName))
17 {
18 return " 2 " ;
19 }
20 else
21 {
22 return " 0 " ;
23 }
24 }
25
26 private bool IsUsernameExist( string strUsername)
27 {
28 bool bRet = false ;
29
30 switch (strUsername.ToUpper())
31 {
32 case " KING " :
33 case " ROSE " :
34 bRet = true ;
35 break ;
36 }
37
38 return bRet;
39 }
40
41 private bool IsValidUsername( string strUsername)
42 {
43 return (Regex.IsMatch(strUsername, @" ^(/w{3,15})$ " ));
44 }
45 }
2 {
3 protected void Page_Load( object sender,EventArgse)
4 {
5 AjaxPro.Utility.RegisterTypeForAjax( typeof (_Default));
6 tbUsername.Attributes.Add( " OnKeyUp " , " VerifyUserName(this.value) " );
7 }
8
9 [AjaxPro.AjaxMethod]
10 public string GetReturnCode( string strName)
11 {
12 if ( ! IsValidUsername(strName))
13 {
14 return " 1 " ;
15 }
16 else if ( ! IsUsernameExist(strName))
17 {
18 return " 2 " ;
19 }
20 else
21 {
22 return " 0 " ;
23 }
24 }
25
26 private bool IsUsernameExist( string strUsername)
27 {
28 bool bRet = false ;
29
30 switch (strUsername.ToUpper())
31 {
32 case " KING " :
33 case " ROSE " :
34 bRet = true ;
35 break ;
36 }
37
38 return bRet;
39 }
40
41 private bool IsValidUsername( string strUsername)
42 {
43 return (Regex.IsMatch(strUsername, @" ^(/w{3,15})$ " ));
44 }
45 }
(五). 示例代碼下載
http://www.cnblogs.com/Files/ChengKing/AjaxPro.NET_DataValidate.rar
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
