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 相关文章推荐
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
Jan 09 Javascript
Javascript select下拉框操作常用方法
Nov 09 Javascript
JS面向对象编程浅析
Aug 28 Javascript
简约JS日历控件 实例代码
Jul 12 Javascript
jquery ajax方式直接提交整个表单核心代码
Aug 15 Javascript
jQuery实现的分子运动小球碰撞效果
Jan 27 Javascript
js中获取jsp表单中radio类型的值简单实例
Aug 15 Javascript
JS遍历对象属性的方法示例
Jan 10 Javascript
Vue使用vue-cli创建项目
Sep 01 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
Oct 15 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 12 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分页函数
2006/10/09 PHP
dedecms中显示数字验证码的修改方法
2007/03/21 PHP
解决PHP在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
解析二进制流接口应用实例 pack、unpack、ord 函数使用方法
2013/06/18 PHP
CodeIgniter框架URL路由总结
2014/09/03 PHP
微信公众号开发之语音消息识别php代码
2016/08/08 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
php curl优化下载微信头像的方法总结
2018/09/07 PHP
使用PHP开发留言板功能
2019/11/19 PHP
基于jQuery实现左右div自适应高度完全相同的代码
2012/08/09 Javascript
js 采用delete实现继承示例代码
2014/05/20 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
2015/08/27 Javascript
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
基于JavaScript的操作系统你听说过吗?
2016/01/28 Javascript
Bootstrap项目实战之子栏目资讯内容
2016/04/25 Javascript
一分钟理解js闭包
2016/05/04 Javascript
3种vue组件的书写形式
2017/11/29 Javascript
使用Electron构建React+Webpack桌面应用的方法
2017/12/15 Javascript
AngularJS模态框模板ngDialog的使用详解
2018/05/11 Javascript
微信小程序自定义toast的实现代码
2018/11/16 Javascript
vue ssr 实现方式(学习笔记)
2019/01/18 Javascript
微信小程序添加插屏广告并设置显示频率(一天一次)
2019/12/06 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
2020/03/08 Javascript
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
Python3解决棋盘覆盖问题的方法示例
2017/12/07 Python
python: 自动安装缺失库文件的方法
2018/10/22 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
pandas的qcut()方法详解
2019/07/06 Python
Python Web框架之Django框架文件上传功能详解
2019/08/16 Python
Python对接支付宝支付自实现功能
2019/10/10 Python
商铺租赁意向书
2014/04/01 职场文书
法制工作总结2015
2015/07/23 职场文书
小学一年级班主任工作经验交流材料
2015/11/02 职场文书
Nginx同一个域名配置多个项目的实现方法
2021/03/31 Servers
适合后台管理系统开发的12个前端框架(小结)
2021/06/29 Javascript
python文件与路径操作神器 pathlib
2022/04/01 Python