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 相关文章推荐
JQuery 选择器 xpath 语法应用
May 13 Javascript
js实现上传图片之上传前预览图片
Mar 25 Javascript
JS常用正则表达式总结
Nov 12 Javascript
从js向Action传中文参数出现乱码问题的解决方法
Dec 29 Javascript
IE中getElementsByName()对有些元素无效的解决方案
Sep 28 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
Mar 25 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
jQuery遍历节点树方法分析
Sep 08 Javascript
JS实现的简单拖拽功能示例
Mar 13 Javascript
node中使用es6/7/8(支持性与性能)
Mar 28 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
Sep 14 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写的采集程序
2007/03/16 PHP
js 提交和设置表单的值
2008/12/19 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
分享一些常用的jQuery动画事件和动画函数
2015/11/27 Javascript
JavaScript添加随滚动条滚动窗体的方法
2016/02/23 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
jsp 自动编译机制详细介绍
2016/12/01 Javascript
Cookies 和 Session的详解及区别
2017/04/21 Javascript
关于vue.js发布后路径引用的问题解决
2017/08/15 Javascript
Bootstrap-table自定义可编辑每页显示记录数
2018/09/07 Javascript
发布一款npm包帮助理解npm的使用
2019/01/03 Javascript
浅谈Webpack多页应用HMR卡住问题
2019/04/24 Javascript
jquery登录的异步验证操作示例
2019/05/09 jQuery
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
[01:00:25]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS Liquid
2018/03/31 DOTA
python计算最小优先级队列代码分享
2013/12/18 Python
Python自动化构建工具scons使用入门笔记
2015/03/10 Python
Python实现正则表达式匹配任意的邮箱方法
2018/12/20 Python
Python通过cv2读取多个USB摄像头
2019/08/28 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
Python3如何对urllib和urllib2进行重构
2019/11/25 Python
Python调用jar包方法实现过程解析
2020/08/11 Python
CSS3动画之利用requestAnimationFrame触发重新播放功能
2019/09/11 HTML / CSS
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
将n个数按输入顺序的逆序排列,用函数实现
2012/11/14 面试题
总经理秘书工作职责
2013/12/26 职场文书
领导干部培训感言
2014/01/23 职场文书
浙大毕业生自荐信
2014/01/26 职场文书
毕业自我鉴定总结
2014/03/24 职场文书
美德少年事迹材料500字
2014/08/19 职场文书
教师批评与自我批评材料
2014/10/16 职场文书
2015年客房服务员工作总结
2015/05/15 职场文书
首次购房证明
2015/06/19 职场文书
JavaScript函数柯里化
2021/11/07 Javascript
超越Nginx的Web服务器caddy优雅用法
2022/06/21 Servers