nodejs系列： 综合练习实例 用户编辑界面 userEdit.ejs javascript
发布时间：2019-01-28 16:52:55 作者：本站编辑 来源：本站原创 浏览次数：
www.javainfo.com.cn 上干货 欢迎收藏
如有疑问 请留言 欢迎提供建议
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
<!-- 引入layui框架 start-->
<link rel="stylesheet" href="/thirdmodels/layui-v2.4.3/layui/css/layui.css" media="all">
<script src="/thirdmodels/layui-v2.4.3/layui/layui.js" charset="utf-8"></script>
<!-- 引入layui框架 end-->
</head>
<body>
<div style="padding: 20px 20px 20px 20px;">
<form class="layui-form layui-form-pane" action="" method="post" id="editForm3">
<input type="hidden" name="id" value="<%=userModel.id%>"/>
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-block">
<input type="text" name="name" value="<%=userModel.name%>" style="width: 200px;" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
</div>
</div>
<label class="layui-form-label">年龄</label>
<div class="layui-input-block">
<input type="number" name="age" value="<%=userModel.age%>" style="width: 200px;" lay-verify="required" placeholder="请输入年龄" autocomplete="off" class="layui-input">
</div>
</div>
<input type="hidden" name="menusStr" id="menusStr"/>
<button class="layui-btn" lay-submit id="searchbtn1" style="display:none;" lay-filter="searchbtn1">提交查询</button>
</form>
</div>
<script>
layui.use([ 'form', 'layer','jquery' ], function() {
var form = layui.form, layer = layui.layer;
var $ = layui.$ ;
var index = parent.layer.getFrameIndex('editForm');
console.log('index' + index );
form.on('submit(searchbtn1)', function(data) {
var data = $("#editForm3").serialize();
console.log(data);
$.ajax({
url : "/userOther/doEdit",
type : "POST",
dataType : "json",
data : data,
success : function(result){
var rs = result.RES.status;
if(rs == 1){
parent.layer.close(index);
parent.layer.msg(result.RES.msg);
}else{
layer.msg(result.RES.msg);
}
}
});
return false;
});
});
</script>
</body>
</html>如有疑问 请留言 欢迎提供建议
评论已有 0 条