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实现促销倒计时+fixed固定在底部
Sep 18 Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
Nov 24 Javascript
浅析JS异步加载进度条
May 05 Javascript
js中获取jsp表单中radio类型的值简单实例
Aug 15 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
Aug 17 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
微信小程序 icon组件详细及实例代码
Oct 25 Javascript
最常见的左侧分类菜单栏jQuery实现代码
Nov 28 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
vue 添加vux的代码讲解
Nov 30 Javascript
React Native中NavigatorIOS组件的简单使用详解
Jan 27 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
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
PHP实现多进程并行操作的详解(可做守护进程)
2013/06/18 PHP
PHP中curl_setopt函数用法实例分析
2015/04/16 PHP
php利用array_search与array_column实现二维数组查找
2019/07/08 PHP
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
2011/03/25 Javascript
js 浏览器事件介绍
2012/03/30 Javascript
jQuery实现跟随鼠标运动图层效果的方法
2015/02/02 Javascript
JQuery中serialize()用法实例分析
2015/02/06 Javascript
javascript类型系统_正则表达式RegExp类型详解
2016/06/24 Javascript
artDialog+plupload实现多文件上传
2016/07/19 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
2016/11/22 Javascript
nodejs实现一个word文档解析器思路详解
2018/08/14 NodeJs
vue使用echarts画组织结构图
2021/02/06 Vue.js
python基础教程之基本内置数据类型介绍
2014/02/20 Python
Python 功能和特点(新手必学)
2015/12/30 Python
python嵌套函数使用外部函数变量的方法(Python2和Python3)
2016/01/31 Python
Python3连接MySQL(pymysql)模拟转账实现代码
2016/05/24 Python
Python制作词云的方法
2018/01/03 Python
Linux上使用Python统计每天的键盘输入次数
2019/04/17 Python
Python爬虫实现验证码登录代码实例
2019/05/10 Python
Python代码实现http/https代理服务器的脚本
2019/08/12 Python
详解在Python中使用Torchmoji将文本转换为表情符号
2020/07/27 Python
基于opencv实现简单画板功能
2020/08/02 Python
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
老海军美国官网:Old Navy
2016/09/05 全球购物
苏宁红孩子母婴商城:redbaby
2017/02/12 全球购物
企划主管岗位职责
2013/12/12 职场文书
个人贷款承诺书
2014/03/28 职场文书
简易版租房协议书范本
2014/10/13 职场文书
2014年服务员个人工作总结
2014/12/23 职场文书
稽核岗位职责范本
2015/04/13 职场文书
婚育证明格式
2015/06/17 职场文书
开学典礼校长致辞
2015/07/29 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书
大学自主招生自荐信(2016精选篇)
2016/01/28 职场文书
Nginx 根据URL带的参数转发的实现
2021/04/01 Servers