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 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 Javascript
javascript 广告移动特效的实现代码
Jun 25 Javascript
JavaScript无缝滚动效果的实例代码
Mar 27 Javascript
javascript中new Array()和var arr=[]用法区别
Dec 01 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
浅谈目前可以使用ES10的5个新特性
Jun 25 Javascript
详解Vue之计算属性
Jun 20 Javascript
详解vue中v-model和v-bind绑定数据的异同
Aug 10 Javascript
简单聊聊Vue中的计算属性和属性侦听
Oct 05 Vue.js
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中一个控制字符串输出的函数
2006/10/09 PHP
php 代码优化之经典示例
2011/03/24 PHP
深入PHP FTP类的详解
2013/06/13 PHP
php统计文章排行示例
2014/03/04 PHP
PHP处理二进制数据的实现方法
2016/06/13 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
JS 退出系统并跳转到登录界面的实现代码
2013/06/29 Javascript
10条建议帮助你创建更好的jQuery插件
2015/05/18 Javascript
js实现字符串转日期格式的方法
2015/05/20 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
2015/12/18 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
2021/01/27 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
javascript 构建模块化开发过程解析
2019/09/11 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
用Python进行TCP网络编程的教程
2015/04/29 Python
Python使用Supervisor来管理进程的方法
2015/05/28 Python
Python多进程同步简单实现代码
2016/04/27 Python
python通过cookie模拟已登录状态的初步研究
2016/11/09 Python
Python如何读取MySQL数据库表数据
2017/03/11 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
Python+numpy实现矩阵的行列扩展方式
2019/11/29 Python
python pyenv多版本管理工具的使用
2019/12/23 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
世界上最大的冷却器制造商:Igloo Coolers
2019/07/23 全球购物
世界上最大的字体市场:MyFonts
2020/01/10 全球购物
支部组织生活会方案
2014/06/10 职场文书
励志演讲稿300字
2014/08/21 职场文书
2014年九一八事变演讲稿
2014/09/14 职场文书
员工工作自我评价
2014/09/26 职场文书
贴吧吧主申请感言
2015/08/03 职场文书
班级班风口号大全
2015/12/25 职场文书
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL