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 相关文章推荐
JQuery实现的在新窗口打开链接的方法小结
Apr 22 Javascript
原始的js代码和jquery对比体会
Sep 10 Javascript
jquery ztree实现下拉树形框使用到了json数据
May 14 Javascript
js从Cookies里面取值的简单实现
Jun 30 Javascript
js实现简单随机抽奖的方法
Jan 27 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
Feb 22 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
May 14 Javascript
JavaScript 中的 this 工作原理
Jun 20 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
Apr 11 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
Oct 14 Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 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
MySQL相关说明
2007/01/15 PHP
php通用防注入程序 推荐
2011/02/26 PHP
php日历制作代码分享
2014/01/20 PHP
php实现网站顶踩功能的完整前端代码
2015/07/19 PHP
基于ThinkPHP+uploadify+upload+PHPExcel 无刷新导入数据
2015/09/23 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
PhpStorm本地断点调试的方法步骤
2018/05/21 PHP
基于PHP实现微信小程序客服消息功能
2019/08/12 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
清华大学出版的事半功倍系列 javascript全部源代码
2007/05/04 Javascript
关于使用 jBox 对话框的提交不能弹出问题解决方法
2012/11/07 Javascript
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
父节点获取子节点的字符串示例代码
2014/02/26 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
JS实现文件动态顺序载入的方法
2015/03/07 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
2016/05/17 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
2017/02/13 Javascript
JavaScript实现前端实时搜索功能
2020/03/26 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
Vue使用虚拟dom进行渲染view的方法
2019/12/26 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
Python爬虫爬验证码实现功能详解
2016/04/14 Python
django限制匿名用户访问及重定向的方法实例
2018/02/07 Python
Python实现读取txt文件并转换为excel的方法示例
2018/05/17 Python
Python3网络爬虫开发实战之极验滑动验证码的识别
2019/08/02 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
利用HTML5的新特点实现图片文件异步上传
2014/05/29 HTML / CSS
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
求职简历自荐信
2014/06/18 职场文书
2015年元旦演讲稿
2014/09/12 职场文书
转变工作作风心得体会
2016/01/23 职场文书
一年级下册数学教学反思
2016/02/16 职场文书