ajax 登录功能简单实现(未连接数据库)

更新时间：2013年05月21日 16:21:57 作者：

未连接数据库下实现ajax 登录功能判断登陆成功与失败，喜欢ajax的朋友可以参考下哈，希望对大家有所帮助

简单的登录功能（未连接数据库）

 
<script src="Jquery1.7.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$('#tijiao').click(function () { 
var username = $('#username').val(); 
var pwd = $('#pwd').val(); 
$.ajax({ 
type: "post", 
contentType: "application/json", 
url: "WebService1.asmx/denglu", 
data: "{username:'" + username + "',pwd:'" + pwd + "'}", 
success: function (bukeyi) { 
$('#tishi').text(bukeyi.d); 
} 
}) 
}) 
}) 
</script> 
</head> 
<body> 
用户名：<input type="text" id="username" runat="server" /> 
密码：<input type="text" id="pwd" runat="server" /> 
<input type="button" id="tijiao" value="提交" /> 
<div id="tishi"></div> 
[WebMethod] 
public string denglu(string username,string pwd) 
{ 
if (username == "zhangsan" && pwd == "123") 
{ 
return "登陆成功！"; 
} 
else { return "登陆失败！"; } 
} 

您可能感兴趣的文章:

ajax
登录

深入剖析$.ajax()方法
下面小编就为大家带来一篇深入剖析$.ajax()方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考
2016-04-04
ajax jquery校验用户是否已经注册演示代码
用户是否已经注册的判断方法有很多，在本文将为大家详细介绍下如何使用ajax jquery来实现，感兴趣的朋友可以参考下
2013-10-10
使用AjaxFileUpload.js实现异步文件上传示例
AjaxFilleUpload.js可以使得我们不用去管理Iframe的一系列操作，也不用影响我们的页面结构，实现异步的文件提交
2014-05-05
各种AJAX方法的使用比较详解
AJAX技术经过这么多年的发展，出现了一些框架或类库用于简化开发工作，不同的框架类库的使用方法也各不相同。现在，再回头看看这些技术，看看这些框架类库，我们能感受到技术在不断地发展，AJAX开发越来越容易了。
2015-09-09
Ajax获取页面被缓存的解决方法
常利用AJAX写一些页面无刷新的内容获取页面，这种方式很快捷也很方便，但其中有一个问题，就是如果两次提交的参数相同时，返回的内容只返回上次获取的内容，如果我们在第一次修改了参数，第二次再次调用却会发现页面根本没有改变。
2008-09-09
AJAX实现指定部分页面刷新效果
这篇文章主要为大家详细介绍了AJAX实现指定部分页面刷新效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
ajax请求json数据案例详解
最近项目有这样一个需求，点击六大洲，出现对应的一些请求信息，展示在下面，当请求之后，第二次点击就不用再次请求了，究竟用代码怎么写呢，下面小编带领大家了解了解
2015-09-09
AjaxUI：鼠标拖拽
AjaxUI：鼠标拖拽...
2007-02-02
Ajax实现简单下拉选项效果【推荐】
下面小编就为大家带来一篇Ajax实现简单下拉选项效果【推荐】。小编觉得挺不错的，现在分享给大家，一起跟随小编过来看看吧
2016-04-04
解决ajax传过来的值后台接收不到的问题
今天小编就为大家分享一篇解决ajax传过来的值后台接收不到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08