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

thinkphp是常見的php框架，layer則是一款好用的web彈層組件，下面thinkphp教程欄目給大家介紹一下thinkphp如何結合layer彈窗，再加ajax來完成增加方法。

Thinkphp結合layer彈窗加ajax完成增加方法

• 給每個input框綁定id就行了

• 這是前端頁面

  立即學習“PHP免費學習筆記（深入）”；

nbsp;html&gt; ?? ??{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($(&#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視頻教程