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 相关文章推荐
javascript 禁止复制网页
Jun 11 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
js中eval()函数和trim()去掉字符串左右空格应用
Feb 02 Javascript
js复制网页内容并兼容各主流浏览器的代码
Dec 17 Javascript
jQuery实现的多级下拉菜单效果代码
Aug 24 Javascript
JavaScript判断按钮被点击的方法
Dec 13 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
May 14 Javascript
详解Node.js access_token的获取、存储及更新
Jun 20 Javascript
JS非空验证及邮箱验证的实例
Aug 11 Javascript
使用axios请求时,发送formData请求的示例
Oct 29 Javascript
vue中路由跳转不计入history的操作
Sep 21 Javascript
JavaScript函数柯里化实现原理及过程
Dec 02 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
动画 《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
php判断字符串在另一个字符串位置的方法
2014/02/27 PHP
PHP二维数组排序的3种方法和自定义函数分享
2014/04/09 PHP
注释PHP和html混合代码的小技巧(分享)
2016/11/03 PHP
PHP读取XML格式文件的方法总结
2017/02/27 PHP
window.open被浏览器拦截后的自定义提示效果代码
2007/11/19 Javascript
setTimeout()与setInterval()方法区别介绍
2013/12/24 Javascript
js特殊字符过滤的示例代码
2014/03/05 Javascript
node.js中的fs.mkdirSync方法使用说明
2014/12/17 Javascript
javascript事件绑定学习要点
2016/03/09 Javascript
浅谈JS之iframe中的窗口
2016/09/13 Javascript
javascript ASCII和Hex互转的实现方法
2016/12/27 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
vue绑定class与行间样式style详解
2017/08/16 Javascript
Vue实现底部侧边工具栏的实例代码
2018/09/03 Javascript
layui递归实现动态左侧菜单
2019/07/26 Javascript
layui 弹出层回调获取弹出层数据的例子
2019/09/02 Javascript
python抓取网页图片示例(python爬虫)
2014/04/27 Python
浅析Python中yield关键词的作用与用法
2016/11/29 Python
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
快速了解python leveldb
2018/01/18 Python
Python操作MySQL数据库的三种方法总结
2018/01/30 Python
python实现简单登陆流程的方法
2018/04/22 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
Roots加拿大官网:加拿大休闲服饰品牌
2016/10/24 全球购物
Clarks鞋法国官方网站:英国其乐鞋品牌
2018/02/11 全球购物
家居饰品店创业计划书
2014/01/31 职场文书
客服部班长工作责任制
2014/02/25 职场文书
《石榴》教学反思
2014/03/02 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
门面房租房协议书
2014/12/01 职场文书
2015年公司行政后勤工作总结
2015/05/20 职场文书
Python利用capstone实现反汇编
2022/04/06 Python