手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery AJAX 调用WebService实现代码
jQuery AJAX 调用WebService实现代码
摘要:用jQuery调用其他项目的WebService实现登录验证功能html输入用户名密码:代码复制代码代码如下:LoginID:LoginPa...

用jQuery调用其他项目的WebService

实现登录验证功能

html输入用户名密码:

代码

复制代码 代码如下:

<table>

<tr>

<td>

Login ID:

</td>

<td>

<input id="txtLoginID" type="text" value="" />

</td>

</tr>

<tr>

<td>

Login Password:

</td>

<td>

<input id="txtLoginPW" type="password" value="" />

</td>

</tr>

<tr>

<td>

<input id="btnSignin" value="Sign in" readonly />

</td>

<td>

<input id="btnSignup" value="Sign up" 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]默认是注释的,要把注释去掉

【jQuery AJAX 调用WebService实现代码】相关文章:

jQuery插件expander实现图片翻转特效

jQuery+ajax实现无刷新级联菜单示例

jQuery实现返回顶部功能

jQuery插件jRumble实现网页元素抖动

jQuery实现延迟跳转的方法

7个有用的jQuery代码片段分享

nodejs调试cmd命令实现复制目录

jQuery实现文本展开收缩特效

jquery读取xml文件实现省市县三级联动的方法

JQuery实现动态添加删除评论的方法

精品推荐
分类导航