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

it2022-05-09  33

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

转载于:https://www.cnblogs.com/feima-lxl/archive/2010/06/08/1754242.html

相关资源:数据结构—成绩单生成器

最新回复(0)