李晓亮的博客

导航

【原】asp.net1.1中使用jquery调用后台webservice文件

1.首先在Web.Config中<system.web>内添加如下语句，否则会提示“请求格式无法识别”
    <webServices>
     <protocols>
       <add name="HttpPost" />
       <add name="HttpGet" />
     </protocols>
    </webServices>
2.然后新建一个“Web服务”页面，比如TestWebService.asmx文件，并添加如下方法：

 

C#代码
[WebMethod]
  public string CheckAccount(string strUserAccount)
  {
   long lngUserCount=0;
   SqlParameter paramUserAccount = new SqlParameter("@UserAccount", SqlDbType.VarChar,50 );
   paramUserAccount.Value = strUserAccount;
   lngUserCount=Convert.ToInt64(SqlHelper.ExecuteScalar(DBConnection.SqlServerConnection,CommandType.Text,"Select count(*) from User_Reg where UserAccount=@UserAccount,paramUserAccount));

   if(lngUserCount==0)
    return "OK";
   else
    return "该用户已存在！";
  }

 


3.然后新建一个“Web窗体”，比如TestForm.aspx，在该页面添加一个“文本框”服务器控件并命名为txAccount，然后在前台页面的<head></head>中加入如下语句
  

<script charset="utf-8" type="text/javascript" src="scripts/JQuery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
        $(document).ready(function() {
            $('#txtAccount').blur(function() {
                var userAcc=document.getElementById('txtAccount').value;
                $.ajax({
                    type: "GET",
                    url: "WebService/TestWebService.asmx/CheckAccount?strUserAccount="+userAcc,
                    data: null,
                    dataType:"text",
                    success: function(result) {
                        alert("success:"+result);
                    },
                    error: function(result) {
                        alert("error:"+result.responseText);
                    }
                });
             });
          });
</script>

 或者

 

jquery代码
<script charset="utf-8" type="text/javascript" src="scripts/JQuery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
        $(document).ready(function() {
            $('#txtAccount').blur(function() {
                var userAcc=document.getElementById('txtAccount').value;
                $.ajax({
                    type: "POST",
                    url: "WebService/TestWebService.asmx/CheckAccount",
                    data: "strUserAccount="+userAcc,
                    dataType:"text",
                    success: function(result) {
                        alert("success:"+result);
                    },
                    error: function(result) {
                        alert("error:"+result.responseText);
                    }
                });
             });
          });
</script>

 

4.运行测测试

posted on 2010-06-08 19:17  LeeXiaoLiang  阅读(331)  评论(0)  编辑  收藏  举报