使用ajax请求,模态框调用并更改密码
前端页面
<a href="javascript:void(0);" onclick="changPassword()">
<i class="ace-icon fa fa-cog"></i>
修改密码
</a>
<script type="text/javascript">
//打开模态框
function changPassword(){
$("#navbar_edit").modal({
backdrop :'static'
});
}
</script>
<#include "/include/navbar_edit.html">
<!-- 模态框(Modal) -->
<div class="modal fade" id="navbar_edit" tabindex="-1" role="dialog"
aria-labelledby="roleEditLabel" aria-hidden="true">
<div class="modal-dialog" style="width:500px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" id="roleEditLabel">修改密码</h4>
</div>
<div class="modal-body">
<div style="width:90%;">
<form class="form-horizontal" id="navbar_pwd_reset">
<div class="form-group">
<label class="col-sm-4 control-label" for="old_password">旧密码:</label>
<div class="col-sm-8" style="padding:0">
<input class="col-sm-12" type="password" id="old_password"
name="old_password" placeholder="请输入旧密码 " />
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="new_password">新密码:</label>
<div class="col-sm-8" style="padding:0">
<input class="col-sm-12" type="password" id="new_password"
name="new_password" placeholder="请输入新密码 " />
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="confirm_password">确认新密码:</label>
<div class="col-sm-8" style="padding:0">
<input class="col-sm-12" type="password" id="confirm_password"
name="confirm_password" placeholder="确认新密码 " />
</div>
</div>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-xs btn-default"
data-dismiss="modal" id="navbar_close_btn">
<i class="ace-icon fa fa-times bigger-110"></i> <span
class="bigger-110 no-text-shadow">关闭</span>
</button>
<button type="button" class="btn btn-xs btn-primary" id="navbar_save_btn">
<i class="ace-icon fa fa-floppy-o bigger-110"></i> <span
class="bigger-110 no-text-shadow">保存</span>
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<script type="text/javascript">
$("#navbar_edit").on("show.bs.modal", function() {
$("#navbar_edit #navbar_pwd_reset").formClear();
});
$("#navbar_edit").on("hidden.bs.modal", function() {
$(this).removeData("bs.modal");
});
$(document).on("click", "#navbar_save_btn", function(e) {
var old_psd = $("#navbar_pwd_reset #old_password").val();
var new_psd = $("#navbar_pwd_reset #new_password").val();
var con_psd = $("#navbar_pwd_reset #confirm_password").val();
//alert(old_psd);
//alert(new_psd);
//alert(con_psd);
if (old_psd == "" || new_psd == "" || con_psd == "") {
bootbox.alert("相关字段不为空,请输入!");
return false;
};
if (old_psd == new_psd) {
bootbox.alert("旧密码和新密码相同,请重新输入!");
return false;
};
if (new_psd != con_psd) {
bootbox.alert("两次输入新密码不相同,请重新输入!");
return false;
};
var params = $("#navbar_pwd_reset").serialize();
//alert(params);
$.ajax({
cache : true,
type : "POST",
url : "${ctx!}/modifyPassword",
data : params,
async : false,
error : function(request) {
bootbox.alert("服务器连接错误,请稍后再试");
},
success : function(data) {
if (SQ.isOK(data)) {
bootbox.alert("重置成功", function() {
$("#navbar_close_btn").click();
});
} else {
bootbox.alert("重置失败:" + SQ.getMessage(data));
}
},
});
});
</script>
后端页面
public void modifyPassword() {
BasMember sysUser = this.getLoginUser();
if (sysUser == null || sysUser.getInt(BasMember.IsDelete).equals(1)) {
render(new JsonRender(new AjaxResult(Constants.RESPONSE_STATUS_FAIL, "会话已过期,请重新登录!")).forIE());
return;
}
// 旧秘密
String password = getPara("old_password");
password = CommonUtil.getEncryptedPwd(password);
if (!password.equals(sysUser.get(BasMember.Password))) {
render(new JsonRender(new AjaxResult(Constants.RESPONSE_STATUS_FAIL, "旧密码不正确!")).forIE());
return;
}
// 新密码
password = getPara("new_password");
password = CommonUtil.getEncryptedPwd(password);
// 赋值
sysUser.set(BasMember.Password, password);
sysUser.set(BasMember.ModifyBy, this.getLoginId());
sysUser.set(BasMember.ModifyTime, StringUtil.getNowTime());
if (!sysUser.update()) {
render(new JsonRender(new AjaxResult(Constants.RESPONSE_STATUS_FAIL, "修改时出现异常")).forIE());
}
render(new JsonRender(new AjaxResult(Constants.RESPONSE_STATUS_OK, "修改成功!")).forIE());
}
使用ajax请求,模态框调用并更改密码的更多相关文章
- Ajax技术使用之ajax与模态框结合的妙用
Ajax技术使用之ajax与模态框结合的妙用 要求: 使用ajax的方式提交数据:https://www.cnblogs.com/-wenli/p/10470063.html 使用模态框完成增加数据, ...
- ajax+json模态框中分页(spring+struts+mybatis+easyui分页插件)
0.业务需求: 点击每个数字的时候可以显示每个对应的详细记录.也就是得点击11的时候拿着开采部与C级去查询.
- ajax请求,html调用js
1:html中调用js中的函数,js使用ajax请求向后台请求,返回数据. <!DOCTYPE html> <html lang="en"> <hea ...
- ajax 请求发出了,数据更改了,但是没进入success 函数 把success 换成 complete
$(function(){ $(document).on('tap','.w-location-group .mui-table-view-cell',function(){ var bool = $ ...
- jQuery delegate方法实现Ajax请求绑定事件不丢失
给元素绑定click事件后 ,遇到一个问题:当执行一些ajax请求,再次调用此页面,里面的这个click事件就失效了 比如说:我的分页是一个ajax请求 但我点下一页时 后生成的元素a就没有了clic ...
- Ajax请求过程中显示“进度”的简单实现
Ajax在Web应用中使用得越来越频繁.在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击 ...
- Ajax发送请求等待时弹出模态框等待提示
主要的代码分为两块,一个是CSS定义模态框,另一个是在Ajax中弹出模态框. 查看菜鸟教程中的模态框教程demo,http://www.runoob.com/try/try.php?filename= ...
- bootstrap模态框动态赋值, ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框(JS)
/查询单个 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : &q ...
- bootstrap通过ajax请求JSON数据后填充到模态框
1. JSP页面中准备模态框 <!-- 详细信息模态框(Modal) --> <div> <div class="modal fade" id=& ...
随机推荐
- Javascript 笔记与总结(2-7)对象
html: <h1>找对象</h1> <div id="div1"> <p>p1</p> <p>p2< ...
- php 递归创建目录、递归删除非空目录、迭代创建目录
递归创建目录 方法一 function mk_dir($path){ if(is_dir($path)){ //参数本身是一个目录 return true; } if(is_dir(dirname($ ...
- [SHELL实例] (转)最牛B的 Linux Shell 命令 (一)
本文编译自commandlinefu.com ( 应该是 Catonmat ) 的系列文章 Top Ten One-Liners from CommandLineFu Explained .作为一个由 ...
- Yii源码阅读笔记(七)
接上次的组件(component)代码: /** * Returns a list of behaviors that this component should behave as. * 定义该对象 ...
- DirectX基础学习系列4 颜色和光照
4.1颜色表示 RGB颜色:D3DCOLOR 可以用宏D3DCOLOR_ARGB(a,r,g,b) D3DCOLOR_XRGB(255,r,g,b) 另外一种浮点表示:D3DCOLORVALUE, ...
- 用正则表达式替换html标签
下面的代码用于修改html文本中的img标记,修改后的html适用于lazyload方式的图片加载: protected string LazyPicProcess(string content) { ...
- Tiffany
--名称:Tiffany&Co(蒂芙尼) --总部:美国,纽约 --历史:1837年创立 --产品:珠宝.手表. 配饰.礼品 --特点:品牌,质量,奢饰品
- EFDC主控文件efdc.inp文件的xml格式化处理——转载http://blog.sina.com.cn/s/articlelist_1584892573_0_1.html
在对EFDC模型进行系统集成时,虽然可以通过一行一行读来进行解析处理,但那将是一个繁琐的工作.我们经过xml格式化处理后,再经xsd转成Dataset类对象,那么整个主控文件就是一个数据库表集合,对其 ...
- App之百度云推送
集成SDK 下载最新的Android SDK压缩包并解压,在新建工程或已有工程中增加百度云推送功能. 我下载的是 ,里面有一个同名的文件夹,文件夹中有 导入云推送jar包和so文件: 将解压后的lib ...
- VS附加到进程调试的方法及应用场景
应用场景:.Net做网站时,代码量很大的时候,每次调试一个网页都编译整个网站是不显示的,而且有时候整个网站是存在错误的,通不过编译.这时你又要调试某部分网页,就可以通过附加到进程调试.方法如下: (1 ...