【原】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.运行测测试

你可能感兴趣的:(webservice)