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 相关文章推荐
2010年最佳jQuery插件整理
Dec 06 Javascript
Jquery 的扩展方法总结
Oct 01 Javascript
JavaScript输入邮箱自动提示实例代码
Jan 13 Javascript
浅析Node在构建超媒体API中的作用
Jul 30 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
Nov 28 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
Dec 25 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
May 19 Javascript
js实现StringBuffer的简单实例
Sep 02 Javascript
基于AngularJS前端云组件最佳实践
Oct 20 Javascript
教你用Cordova打包Vue项目的方法
Oct 17 Javascript
Angular2学习笔记之数据绑定的示例代码
Jan 03 Javascript
nvm、nrm、npm 安装和使用详解(小结)
Jan 17 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 使用pcntl和libevent 实现Timer功能
2013/10/27 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
php中静态类与静态变量用法的区别分析
2015/01/15 PHP
CCPry JS类库 代码
2009/10/30 Javascript
JS 文件大小判断的实现代码
2010/04/07 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
js中用window.open()打开多个窗口的name问题
2014/03/13 Javascript
通过Javascript读取本地Excel文件内容的代码示例
2014/04/08 Javascript
jQuery基于当前元素进行下一步的遍历
2014/05/20 Javascript
JS基于VML技术实现的五角星礼花效果代码
2015/10/26 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
JS数字千分位格式化实现方法总结
2016/12/16 Javascript
vue实现学生录入系统之添加删除功能
2018/07/11 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
深入了解JavaScript代码覆盖
2019/06/13 Javascript
简单了解微信小程序的目录结构
2019/07/01 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
python每隔N秒运行指定函数的方法
2015/03/16 Python
Python中时间datetime的处理与转换用法总结
2019/02/18 Python
利用python如何在前程无忧高效投递简历
2019/05/07 Python
python对象与json相互转换的方法
2019/05/07 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
python scrapy爬虫代码及填坑
2019/08/12 Python
python 装饰器的实际作用有哪些
2020/09/07 Python
python 基于selenium实现鼠标拖拽功能
2020/12/24 Python
python 将html转换为pdf的几种方法
2020/12/29 Python
Python中正则表达式对单个字符,多个字符和匹配边界等使用
2021/01/27 Python
详解HTML5中ol标签的用法
2015/09/08 HTML / CSS
Willer台湾:日本高速巴士/夜行巴士预约
2017/07/09 全球购物
安全宣传标语口号
2014/06/06 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
孔繁森观后感
2015/06/10 职场文书
Redis监控工具RedisInsight安装与使用
2022/03/21 Redis