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 "登陆失败！"; }
}
复制代码 代码如下:
<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 数据库中随机读取5条数据动态在页面中刷新
- ajax+asp无限级分类树型结构(带数据库)
- ajax php 实现写入数据库
- AJAX自学练习 无刷新从数据库后台取数据显示
- AJAX 自学练习 无刷新提交并修改数据库数据并显示
- 基于asp+ajax和数据库驱动的二级联动菜单
- ASP+AJAX+ACCESS数据库实例讲解三个步骤分享
- ajax异步刷新实现更新数据库
- ajax对注册名进行验证检测是否存在于数据库中
- ajax读取数据库内容实现二级联动下拉选择菜单示例
- jquery+ajax+C#实现无刷新操作数据库数据的简单实例
- Ajax动态加载数据库示例
- 使用wordpress的$wpdb类读mysql数据库做ajax时出现的问题该如何解决
相关文章
ajax应用非常普及，ajax的优点大家都知道，具体就不多说了，其缺点还真不少，比如破坏浏览器的back功能，同一个url打开的界面并不是完全相同，还有安全性能等方面，至于有这么多的缺点，也阻止不了大家使用ajax的步伐，下文给大家分享javascript实现ajax小结吧2015-10-10
在使用ajax过程中，传递参数是在所难免的尤其在特殊情况下传递多个参数，下面与大家分享下具体的是实现方法，感兴趣的朋友可以参考下哈2013-05-05
提交表单的方法有很多，而最简单的AJAX程序就属本文了，个人感觉还不错，喜欢的朋友可以学习下2013-09-09
ajax+springmvc实现C与View之间的数据交流方法
下面小编就为大家带来一篇ajax+springmvc实现C与View之间的数据交流方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
跨域问题是我们在开发中经常会遇到的一个需求，下面这篇文章主要给大家介绍了关于ajax和jsonp跨域的原理本质，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-11-11
Ajax获得站点文件内容实例：选择一部著作，会通过 Ajax 实时获得相关的名字，具体实现如下，感兴趣的朋友可以参考下2013-09-09
这篇文章主要介绍了Ajax 跨域如何实现的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-05-05
今天小编就为大家分享一篇详谈ajax返回数据成功 却进入error的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了ajax获取数据中文乱码问题最简单的完美解决方案,需要的朋友可以参考下2014-11-11
掌握AJAX...2006-09-09
最新评论