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 相关文章推荐
js下利用控制器载入对应脚本
Jul 17 Javascript
读jQuery之十四 (触发事件核心方法)
Aug 23 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 Javascript
用jquery存取照片的具体实现方法
Jun 30 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
Nov 12 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
May 02 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
Mar 12 Javascript
Vue表情输入组件 微信face表情组件
Feb 11 Javascript
Vue 中如何正确引入第三方模块的方法步骤
May 05 Javascript
JS阻止事件冒泡的方法详解
Aug 26 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学习 字符串课件
2008/06/15 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
javascript 支持ie和firefox杰奇翻页函数
2008/07/22 Javascript
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
几个有趣的Javascript Hack
2010/07/24 Javascript
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
jquery的flexigrid无法显示数据提示获取到数据
2013/07/19 Javascript
js正则表达式中test,exec,match方法的区别说明
2014/01/29 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
基于JavaScript实现屏幕滚动效果
2017/01/18 Javascript
JS中使用media实现响应式布局
2017/08/04 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
2018/01/25 Javascript
Koa2 之文件上传下载的示例代码
2018/03/29 Javascript
微信小程序与后台PHP交互的方法实例分析
2018/12/10 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
2019/08/12 Javascript
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
JavaScript观察者模式原理与用法实例详解
2020/03/10 Javascript
详解Python多线程
2016/11/14 Python
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
python求最大值最小值方法总结
2019/06/25 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
用python生成与调用cntk模型代码演示方法
2019/08/26 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
python如何随机生成高强度密码
2020/08/19 Python
瑞典香水、须后水和美容产品购物网站:Parfym-Klick.se
2019/12/29 全球购物
Nike墨西哥官网:Nike MX
2020/08/30 全球购物
英国最大的在线照明商店:Litecraft
2020/08/31 全球购物
关于Java String的一道面试题
2013/09/29 面试题
日语专业个人的求职信
2013/12/03 职场文书
求职信范文英文版
2014/01/05 职场文书
公司试用期员工自我评价
2014/09/17 职场文书
公安局副政委班子个人对照检查材料
2014/10/04 职场文书
教师学期个人总结
2015/02/11 职场文书