php弹出式登录窗口并获得登录后返回值
2024-10-11 05:39:41
一款bootstrap样式结合php制作的弹出式登录窗口,输入用户名和密码后,ajax传参给后台,并获得登录后返回值。
hwLayer+ajax弹出登录框
$(function() { $('#form-btn').hwLayer({ width: 480, tapLayer: false, afterClose: function() { console.log('close'); } }); $(".hwLayer-ok").on('click', function(event) { event.preventDefault(); var user = $('#user').val(); var pass = $('#password').val(); if (user == '') { $('#msg').addClass('text-danger').text('用户名不能为空!'); return false; } if (pass == '') { $('#msg').addClass('text-danger').text('密码不能为空!'); return false; } $.ajax({ url: 'login.php', type: 'POST', dataType: 'json', data: {username: user, password: pass}, beforeSend: function() { $('#msg').addClass('text-success').text('正在登录...'); $(".hwLayer-ok").attr('disabled', true); }, success: function(res) { if (res.code == 1) { //登录成功 $('#result').html('欢迎您,' + user + ',登录时间:' + res.logintime); $('#msg').removeClass('text-danger').addClass('text-success').text('登录成功!'); $('#hw-layer-login').hwLayer('close'); } else { $('#msg').addClass('text-danger').text('用户名或密码错误!'); } $(".hwLayer-ok").removeAttr('disabled'); } }); }); //escape关闭弹出层 $('.hw-overlay').on('click', function(event) { if (event.target == this) { $('#hw-layer-login').hwLayer('close'); } }); });
login.php返回值
$arr = array("code"=>1,"logintime"=>date("Y-m-d H:i:s")); echo json_encode($arr);
本实例下载:https://www.sucaihuo.com/php/877.html
最新文章
- 单调队列 &;&; 斜率优化dp 专题
- MySql增加字段、删除字段、修改字段名称、修改字段类型
- SQLite3中自增主键归零方法
- 浅谈JS中的继承
- MVC 学习系列-Controller
- 【BZOJ】【3238】【AHOI2013】diff(差异)
- HTML解析引擎:Jumony 开源项目
- GridView 中Item项居中显示
- poj2196
- linux系统下C语言调用lapack ,blas库
- hibernate的lazy初始化结果
- 大数据小白系列——MR(1)
- redsi一主两从三哨兵
- STL中经常使用数据结构
- java判断包含contains方法的使用
- 分布式缓存技术memcached学习系列(三)——memcached内存管理机制
- Android解决下拉刷新控件SwipeRefreshLayout和ViewPager的滑动冲突
- Hystrix的用法
- 【Trie模板】HDU1251-统计难题
- Angularjs学习笔记7_directive1
热门文章
- xampp 丢失api-ms-win-crt-runtimel1-1-0.dll 解决方案
- [cf1025D][区间dp]
- Python练习三
- MySQL Execution Plan--IN子查询包含超多值引发的查询异常1
- day62 中间件
- 弹出的 Dialog 里,包含 Form,如何在关闭 Dialog 时,执行 resetFields(对整个表单进行重置,将所有字段值重置为初始值并移除校验结果)
- Taro 生命周期
- .NET 使用 Azure Blob 存储图片或文件
- 详解Asp.Net Core 2.1+的视图缓存(响应缓存)
- activiti中的查询sql