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 相关文章推荐
Mootools 1.2教程 选项卡效果(Tabs)
Sep 15 Javascript
判断iframe是否加载完成的完美方法
Jan 07 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
js弹窗返回值详解(window.open方式)
Jan 11 Javascript
javascript实例分享---具有立体效果的图片特效
Jun 08 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
Sep 01 Javascript
常用jQuery选择器汇总
Feb 02 Javascript
vue组件实现弹出框点击显示隐藏效果
Oct 26 Javascript
给localStorage设置一个过期时间的方法分享
Nov 06 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
Jun 05 Javascript
jQuery实现弹出层效果
Dec 10 jQuery
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/11/25 PHP
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
使用CSS3实现字体颜色渐变的实现
2021/03/09 HTML / CSS
toString()一个会自动调用的方法
2010/02/08 Javascript
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
JavaScript回调(callback)函数概念自我理解及示例
2013/07/04 Javascript
瀑布流布局代码一例
2014/04/11 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
JS组件Bootstrap Table使用实例分享
2016/05/30 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
2016/11/09 Javascript
Vue.js组件tabs实现选项卡切换效果
2016/12/01 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
javascript DOM的详解及实例代码
2017/03/06 Javascript
详解javascript replace高级用法
2019/02/17 Javascript
js实现登录时记住密码的方法分析
2020/04/05 Javascript
vuejs实现下拉框菜单选择
2020/10/23 Javascript
手写Vue源码之数据劫持示例详解
2021/01/04 Vue.js
Python文件读取的3种方法及路径转义
2015/06/21 Python
python中利用await关键字如何等待Future对象完成详解
2017/09/07 Python
使用apidoc管理RESTful风格Flask项目接口文档方法
2018/02/07 Python
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
详解python的super()的作用和原理
2020/10/29 Python
浅析python连接数据库的重要事项
2021/02/22 Python
手机配件第一品牌:ZAGG
2017/05/28 全球购物
个人自我剖析材料
2014/02/07 职场文书
农业生产宣传标语
2014/10/08 职场文书
承诺保证书格式
2015/02/28 职场文书
体育教师研修感悟
2015/11/18 职场文书
2016大学军训通讯稿
2015/11/25 职场文书
拒绝盗图!教你怎么用python给图片加水印
2021/06/04 Python
分享Python异步爬取知乎热榜
2022/04/12 Python
python中pd.cut()与pd.qcut()的对比及示例
2022/06/16 Python
python manim实现排序算法动画示例
2022/08/14 Python