Thinkphp+layer+ajax如何完成增加方法（附代码示例）

此处内容已经被作者隐藏，请输入验证码查看内容

验证码：

请关注本站微信公众号，回复“验证码”，获取验证码。在微信里搜索“钞能力。你在哪？”或者“mdyc919293”或者微信扫描右侧二维码关注公众号。

Thinkphp是常见的PHP框架，layer则是一款好用的Web弹层组件，下面给大家介绍一下Thinkphp如何结合layer弹窗，再加ajax来完成增加方法。

Thinkphp结合layer弹窗加ajax完成增加方法

给每个input框绑定id就行了

这是前端页面

2.   
4.     {include file="public/head" title="顶部开始" /}
5.     
6.     
8.    
10.     
11.         
12.             
13.                 *管理员名称
14.                 
15.                     //绑定ld
16.                 
17.                 
18.                 
19.             
20.             
21.                 *手机号码
22.                 
23.                     //绑定ld
24.                 
25.             
26.             
27.                 *请选择权限
28.                 
29.                     
30.                         
31.                         超级管理员
32.                         普通操作员
33.                     
34.                 
35.                       
36.             
37.                 *密码
38.                 
39.                     //绑定ld
40.                 
41.                 6到16个字符
42.             
43.             
44.                 *确认密码
45.                 
46.                     
47.                 
48.             
49.             
50.                 *性别
51.                 
52.                     //绑定ld
53.                     //绑定ld
54.                 
55.                    
56.             
57.                 
58.                  href="javascript:;" id='confirm' class="layui-btn" >立即提交//绑定事件，触发confirm方法
59.             
60.         
61.     
62.     $("#confirm").click(function(){
63.         var name   = $.trim($('#name').val());
64.         var phone  = $.trim($('#phone').val()); 
65.         var type  = $.trim($('#type').val()); 
66.         var pass  = $.trim($('#pass').val());                                       //先var
67.         var pass2  = $.trim($('#pass2').val()); 
68.         var sex  = $.trim($('#sex').val()); 
69.         var index=parent.layer.getFrameIndex(window.name);  
70.        
71.         if(name==''){
72.             layer.msg('请输入管理员名称', {icon: 0});
73.             return false;
74.         }
75.         if(phone==''){
76.             layer.msg('请输入手机号码', {icon: 0});
77.             return false;
78.         }
79.         if(type==''){
80.             layer.msg('请选择权限', {icon: 0});
81.             return false;
82.         }
83.         if(pass==''){
84.             layer.msg('请输入密码', {icon: 0});
85.             return false;
86.         }    
87.         if(pass!=pass2){
88.           layer.msg('两次密码不一致', {icon: 0});
89.           $('#pass').val("").focus(); 
90.           $('#pass2').val("").focus();
91.           return false;
92.         } 
93.      
94.         $.ajax({
95.                 url:"{:url('user_add')}",  //这里跳到后台控制器
96.                 data:{name:name,phone:phone,type:type,pass:pass,sex:sex},  //注意这里一一对应要传的参数
97.                 type:"POST",
98.                 success: function(data){
99.                     if (data.status==1) {
100.                       layer.msg('添加成功！',{time:1000,icon: 1},function(){
101.                         window.parent.location.reload();
102.                         parent.layer.close(index);     //添加成功之后销毁当前弹窗
103.                       })   
104.      
105.                     }else{
106.                         layer.msg(data.info,{time:2000,icon: data.status});
107.                     }
108.                 }
109.             });   
110.         });
111.     

这里是控制器部分

1. public function user_add(){
2.     $time = time();
3.     if(Request::instance()->isAjax()){
4.         $name=Db::table('shop_admin')->where(['name'=>input('post.name')])->count();
5.         if($name >=1){
6.             return json(["info"=>"该用户名已被占用!","status"=>0]);
7.         }
8.         $res = Db::table('shop_admin')->
9.         insert([
10.                 'name'=>input('post.name'),
11.                 'phone'=>input('post.phone'),
12.                 'type'=>input('post.type'),
13.                 'password'=>md5(input('post.pass')),
14.                 'sex'=>input('post.sex'),
15.                 'time'=> $time                   ]);
16.         if($res){
17.             return json(["info"=>"添加成功！","status"=>1,"url"=>url('user/index')]);
18.         }else{
19.             return json(["info"=>"注册失败!","status"=>5]);
20.         }
21.     }
22. }