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 21 Javascript
JavaScript 动态生成方法的例子
Jul 22 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
Jan 17 Javascript
javascript与Python快速排序实例对比
Aug 10 Javascript
js实现分割上传大文件
Mar 09 Javascript
javascript jquery对form元素的常见操作详解
Jun 12 Javascript
AngularJS实用开发技巧(推荐)
Jul 13 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
详解webpack介绍&amp;安装&amp;常用命令
Jun 29 Javascript
Vue+Express实现登录状态权限验证的示例代码
May 05 Javascript
JS手写一个自定义Promise操作示例
Mar 16 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整合PayPal支付
2015/06/11 PHP
浅谈php中curl、fsockopen的应用
2016/12/10 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
执行iframe中的javascript方法
2008/10/07 Javascript
JS date对象的减法处理实现代码
2010/12/28 Javascript
javascript常见操作汇总
2014/09/03 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
2014/12/05 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
Nodejs中的this详解
2016/03/26 NodeJs
实例浅析js的this
2016/12/11 Javascript
AngularJs+Bootstrap实现漂亮的计算器
2017/08/10 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
AngularJS基于http请求实现下载php生成的excel文件功能示例
2018/01/23 Javascript
尝试自己动手用react来写一个分页组件(小结)
2018/02/09 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
2018/03/21 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
Vue的生命周期操作示例
2019/09/17 Javascript
python模拟登陆阿里妈妈生成商品推广链接
2014/04/03 Python
Python函数参数类型*、**的区别
2015/04/11 Python
python中 chr unichr ord函数的实例详解
2017/08/06 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
Python升级导致yum、pip报错的解决方法
2017/09/06 Python
Python线性方程组求解运算示例
2018/01/17 Python
浅析python实现scrapy定时执行爬虫
2018/03/04 Python
Pycharm 设置默认头的图文教程
2019/01/17 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
pytorch之添加BN的实现
2020/01/06 Python
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
大学生专业个人学习的自我评价
2013/10/26 职场文书
电脑教师的自我评价
2013/12/18 职场文书
英文自荐信
2013/12/19 职场文书
开学典礼决心书
2014/03/11 职场文书
2014年城管工作总结
2014/11/20 职场文书
2015年音乐教研组工作总结
2015/07/22 职场文书
关于保护环境的建议书
2019/06/24 职场文书
vue中div禁止点击事件的实现
2022/04/02 Vue.js