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 相关文章推荐
Prototype Selector对象学习
Jul 23 Javascript
javascript下判断一个元素是否存在的代码
Mar 05 Javascript
映彩衣的js随笔(js图片切换效果)
Jul 31 Javascript
封装html的select标签的js操作实例
Jul 02 Javascript
js实现在网页上简单显示时间的方法
Mar 02 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
Jun 15 Javascript
理解和运用JavaScript的闭包机制
Aug 13 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
Sep 06 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
May 13 Javascript
浅谈JavaScript中的this指针和引用知识
Aug 05 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
如何为你的JavaScript代码日志着色详解
Apr 08 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
ThinkPHP中使用ajax接收json数据的方法
2014/12/18 PHP
再谈javascript 动态添加样式规则 W3C校检
2009/12/25 Javascript
JavaScript 学习笔记(四)
2009/12/31 Javascript
jQuery实现用方向键控制层的上下左右移动
2013/01/13 Javascript
jquery 按钮状态效果 正常、移上、按下
2013/08/12 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
javascript中函数作为参数调用的方法
2015/02/09 Javascript
javascript jquery对form元素的常见操作详解
2016/06/12 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
2016/08/01 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
2018/01/30 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
2020/11/02 Javascript
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
Python生成随机数的方法
2014/01/14 Python
CentOS中升级Python版本的方法详解
2017/07/10 Python
Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例
2018/06/09 Python
python 读写文件,按行修改文件的方法
2018/07/12 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
Python实现数字的格式化输出
2020/08/01 Python
Python运算符+与+=的方法实例
2021/02/18 Python
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
Orlebar Brown官网:设计师泳裤和泳装
2020/12/08 全球购物
自考毕业自我鉴定范文
2013/10/27 职场文书
收银员岗位职责
2014/02/07 职场文书
数学教研活动总结
2014/07/02 职场文书
乡镇四风对照检查材料
2014/08/31 职场文书
2014国庆黄金周超市促销活动方案
2014/09/21 职场文书
2015年安全生产月活动总结
2015/03/26 职场文书
离婚起诉书怎么写
2015/05/19 职场文书
详解Flutter网络请求Dio库的使用及封装
2022/04/14 Java/Android