最新公告
  • 欢迎您光临波比源码,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • jQuery AJAX 调用 WebService 的实例

    用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="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <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]默认是注释的,要把注释去掉

    波比源码 – 精品源码模版分享 | www.bobi11.com
    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
    3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

    波比源码 » jQuery AJAX 调用 WebService 的实例

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    波比源码
    一个高级程序员模板开发平台
    升级波友尊享更多特权立即升级