jQuery AJAX 调用WebService实现代码

专业苹果供应商

专业苹果供应商

2016-02-19 13:17

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享jQuery AJAX 调用WebService实现代码的教程,热爱PS的朋友们快点看过来吧!
用jQuery调用其他项目的WebService
实现登录验证功能
html输入用户名密码:
代码

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
table
tr
td
Login ID:
/td
td
input type="text" value="" /
/td
/tr
tr
td
Login Password:
/td
td
input type="password" value="" /
/td
/tr
tr
td
input value="Sign in" readonly /
/td
td
input value="Sign up" readonly /
/td
/tr
/table

Jquery引用和登录事件
代码

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
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代码:
代码

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
/// 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]默认是注释的,要把注释去掉
展开更多 50%)
分享

猜你喜欢

jQuery AJAX 调用WebService实现代码

Web开发
jQuery AJAX 调用WebService实现代码

jquery ajax 登录验证实现代码

Web开发
jquery ajax 登录验证实现代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Jquery Ajax.ashx 高效分页实现代码

Web开发
Jquery Ajax.ashx 高效分页实现代码

jquery 分页控件实现代码

Web开发
jquery 分页控件实现代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery 浮动广告实现代码

Web开发
jQuery 浮动广告实现代码

jquery 弹出层实现代码

Web开发
jquery 弹出层实现代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

熟悉VB的集成开发环境

熟悉VB的集成开发环境

Windows/VB编程逐月通

Windows/VB编程逐月通
下拉加载更多内容 ↓