thinkphp是常见的php框架，layer则是一款好用的web弹层组件，下面thinkphp教程栏目给大家介绍一下thinkphp如何结合layer弹窗，再加ajax来完成增加方法。
Thinkphp结合layer弹窗加ajax完成增加方法
-
给每个input框绑定id就行了
-
这是前端页面
立即学习“PHP免费学习笔记（深入）”；
nbsp;html> {include file="public/head" title="顶部开始" /} <!-- 让IE8/9支持媒体查询，从而兼容栅格 --> <!--[if lt IE 9]> <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script> <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <p> </p>
<script>$("#confirm").click(function(){ var name = $.trim($('#name').val()); var phone = $.trim($('#phone').val()); var type = $.trim($('#type').val()); var pass = $.trim($('#pass').val()); //先var var pass2 = $.trim($('#pass2').val()); var sex = $.trim($('#sex').val()); var index=parent.layer.getFrameIndex(window.name); if(name==''){ layer.msg('请输入管理员名称', {icon: 0}); return false; } if(phone==''){ layer.msg('请输入手机号码', {icon: 0}); return false; } if(type==''){ layer.msg('请选择权限', {icon: 0}); return false; } if(pass==''){ layer.msg('请输入密码', {icon: 0}); return false; } if(pass!=pass2){ layer.msg('两次密码不一致', {icon: 0}); $('#pass').val("").focus(); $('#pass2').val("").focus(); return false; } $.ajax({ url:"{:url('user_add')}", //这里跳到后台控制器 data:{name:name,phone:phone,type:type,pass:pass,sex:sex}, //注意这里一一对应要传的参数 type:"POST", success: function(data){ if (data.status==1) { layer.msg('添加成功！',{time:1000,icon: 1},function(){ window.parent.location.reload(); parent.layer.close(index); //添加成功之后销毁当前弹窗 }) }else{ layer.msg(data.info,{time:2000,icon: data.status}); } } }); });</script>
这里是控制器部分
public function user_add(){ $time = time(); if(Request::instance()->isAjax()){ $name=Db::table('shop_admin')->where(['name'=>input('post.name')])->count(); if($name >=1){ return json(["info"=>"该用户名已被占用!","status"=>0]); } $res = Db::table('shop_admin')-> insert([ 'name'=>input('post.name'), 'phone'=>input('post.phone'), 'type'=>input('post.type'), 'password'=>md5(input('post.pass')), 'sex'=>input('post.sex'), 'time'=> $time ]); if($res){ return json(["info"=>"添加成功！","status"=>1,"url"=>url('user/index')]); }else{ return json(["info"=>"注册失败!","status"=>5]); } } }
相关推荐：最新的10个thinkphp视频教程
