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

thinkphp是常见的php框架，layer则是一款好用的web弹层组件，下面thinkphp教程栏目给大家介绍一下thinkphp如何结合layer弹窗，再加ajax来完成增加方法。

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

• 给每个input框绑定id就行了

• 这是前端页面

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>

      

                         *管理员名称                     

              //绑定ld           

          

          

             

                         *手机号码                     

              //绑定ld           

             

        *请选择权限         

                                    超级管理员             普通操作员                    

                       

                         *密码                     

              //绑定ld           

          

              6到16个字符          

             

                         *确认密码                     

                         

              

          *性别           

            //绑定ld             //绑定ld           

                      

                                立即提交//绑定事件，触发confirm方法       

  

<script>$("#confirm").click(function(){ var name = $.trim($(&#39;#name&#39;).val()); var phone = $.trim($(&#39;#phone&#39;).val()); var type = $.trim($(&#39;#type&#39;).val()); var pass = $.trim($(&#39;#pass&#39;).val()); //先var var pass2 = $.trim($(&#39;#pass2&#39;).val()); var sex = $.trim($(&#39;#sex&#39;).val()); var index=parent.layer.getFrameIndex(window.name); if(name==&#39;&#39;){ layer.msg(&#39;请输入管理员名称&#39;, {icon: 0}); return false; } if(phone==&#39;&#39;){ layer.msg(&#39;请输入手机号码&#39;, {icon: 0}); return false; } if(type==&#39;&#39;){ layer.msg(&#39;请选择权限&#39;, {icon: 0}); return false; } if(pass==&#39;&#39;){ layer.msg(&#39;请输入密码&#39;, {icon: 0}); return false; } if(pass!=pass2){ layer.msg(&#39;两次密码不一致&#39;, {icon: 0}); $(&#39;#pass&#39;).val("").focus(); $(&#39;#pass2&#39;).val("").focus(); return false; } $.ajax({ url:"{:url(&#39;user_add&#39;)}", //这里跳到后台控制器 data:{name:name,phone:phone,type:type,pass:pass,sex:sex}, //注意这里一一对应要传的参数 type:"POST", success: function(data){ if (data.status==1) { layer.msg(&#39;添加成功！&#39;,{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视频教程

php免费学习视频：立即学习
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！