jQuery AJAX 调用WebService实现代码


Posted in Javascript onMarch 24, 2010

用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]默认是注释的,要把注释去掉
Javascript 相关文章推荐
javascript父子页面通讯实例详解
Jul 17 Javascript
jquery代码实现多选、不同分享功能
Jul 31 Javascript
React.js入门实例教程之创建hello world 的5种方式
May 11 Javascript
JS简单设置下拉选择框默认值的方法
Aug 20 Javascript
vue2.0安装style/css loader的方法
Mar 14 Javascript
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
Aug 29 Javascript
javascript数组元素删除方法delete和splice解析
Dec 09 Javascript
vue实现瀑布流组件滑动加载更多
Mar 10 Javascript
通过vue刷新左侧菜单栏操作
Aug 06 Javascript
vue 授权获取微信openId操作
Nov 13 Javascript
jquery 仿QQ校友的DIV模拟窗口效果源码
Mar 24 #Javascript
Javascript中Eval函数的使用
Mar 23 #Javascript
JavaScript Eval 函数使用
Mar 23 #Javascript
js本身的局限性 别让javascript做太多事
Mar 23 #Javascript
js parentElement和offsetParent之间的区别
Mar 23 #Javascript
Javascript 变量作用域 两个可能会被忽略的小特性
Mar 23 #Javascript
JavaScript Perfection kill 测试及答案
Mar 23 #Javascript
You might like
PHP基于CURL进行POST数据上传实例
2014/11/10 PHP
php实现表单提交上传文件功能
2018/05/28 PHP
TP - 比RBAC更好的权限认证方式(Auth类认证)
2021/03/09 PHP
js 替换
2008/02/19 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
node.js中的fs.lchownSync方法使用说明
2014/12/16 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
js省市县三级联动效果实例
2020/04/15 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
ReactNative中使用Redux架构总结
2017/12/15 Javascript
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
koa源码中promise的解读
2018/11/13 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
2019/09/27 Javascript
js实现简单掷骰子小游戏
2019/10/24 Javascript
vue实现tab栏点击高亮效果
2020/08/19 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
2020/12/28 Javascript
Nest.js散列与加密实例详解
2021/02/24 Javascript
[08:54]《一刀刀一天》之DOTA全时刻18:十九支奔赴西雅图队伍全部出炉
2014/06/04 DOTA
Python中下划线的使用方法
2015/03/27 Python
Python KMeans聚类问题分析
2018/02/23 Python
Pandas 按索引合并数据集的方法
2018/11/15 Python
Python搭建代理IP池实现获取IP的方法
2019/10/27 Python
Python timer定时器两种常用方法解析
2020/01/20 Python
python 用struct模块解决黏包问题
2020/11/07 Python
如何在vscode中安装python库的方法步骤
2021/01/06 Python
原生canvas制作画图小工具的踩坑和爬坑
2020/06/09 HTML / CSS
State Cashmere官网:半零售价可持续蒙古羊绒
2020/02/26 全球购物
什么是Remote Module
2016/06/10 面试题
广告业务员岗位职责
2014/02/06 职场文书
党员一帮一活动总结
2014/07/08 职场文书
群众路线教育实践活动学习笔记内容
2014/11/06 职场文书
儿园租房协议书范本
2014/12/02 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript
python可视化之颜色映射详解
2021/09/15 Python
口袋妖怪冰系十大最强精灵,几何雪花排第七,第六类似北极熊
2022/03/18 日漫