jQuery AJAX 调用WebService实现代码

(编辑:jimmy 日期: 2024/10/10 浏览:2)

用jQuery调用其他项目的WebService
实现登录验证功能
html输入用户名密码:
代码
复制代码 代码如下:
<table style="width: 400px">
<tr>
<td style="width: 200px" class="left">
Login ID:
</td>
<td style="width: 200px" class="left">
<input id="txtLoginID" type="text" style="width: 190px;" value="" />
</td>
</tr>
<tr>
<td style="width: 200px" class="left">
Login Password:
</td>
<td style="width: 200px" class="left">
<input id="txtLoginPW" type="password" style="width: 190px;" value="" />
</td>
</tr>
<tr>
<td style="width: 200px" class="center">
<input id="btnSignin" value="Sign in" class="button" readonly />
</td>
<td style="width: 200px" class="center">
<input id="btnSignup" value="Sign up" class="button" readonly />
</td>
</tr>
</table>

Jquery引用和登录事件
代码
复制代码 代码如下:
<script src="/UploadFiles/2021-04-02/jquery-1.4.2.min.js"><script type="text/javascript" language="javascript">
$(document).ready(function()
{
    $('#btnSignin').click
    (function()
    {
      $.ajax
      (
      {
        type: "POST", 
        contentType: "application/json",
        url: serviceURL+"/UserLogin",
        data: "{UserLoginID:'"+$('#txtLoginID').val()+"',UserLoginPW:'"+$('#txtLoginPW').val()+"'}",      
        dataType: 'json',
        success: function(result)
        {
         var user = eval(result.d);
          location.href = "Welcome.aspx?userID="+user.UserID
        },
        error: function(result, status)
        {
        if(status == 'timeout')
        {
        alert("The request timed out, please resubmit");
        }
        else
        {
        if(result.responseText !="")
        {
        eval("exception = "+result.responseText);
             alert(exception.Message);
            }
          }
        }
      }
      );
    }
    );
  });
 
  $(document).ready(function()
{
    $('#btnSignup').click
    (function()
    {
      location.href = "Signup/Signup.aspx";
    })   
  });
</script>

serviceURL类似:var serviceURL = "http://localhost:1742/SoldierServices.asmx";
WebService代码:
代码
复制代码 代码如下:
/// <summary>
/// Summary description for SoldierServices
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ToolboxItem(false)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
[System.Web.Script.Services.ScriptService]
public class SoldierServices : System.Web.Services.WebService
{
[WebMethod]
public User UserLogin(string UserLoginID, string UserLoginPW)
{
LoginBusiness lb = new LoginBusiness();
return lb.UserLogin(UserLoginID, UserLoginPW);
}
[WebMethod]
public User GetUserInfo(string UserID)
{
LoginBusiness lb = new LoginBusiness();
return lb.GetUserInfo(UserID);
}
}

注意:[System.Web.Script.Services.ScriptService]默认是注释的,要把注释去掉
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。