本篇內(nèi)容主要講解“怎么用Thinkphp+layer+ajax完成增加方法”,感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么用Thinkphp+layer+ajax完成增加方法”吧!
成都創(chuàng)新互聯(lián)專業(yè)提供成都主機(jī)托管四川主機(jī)托管成都服務(wù)器托管四川服務(wù)器托管,支持按月付款!我們的承諾:貴族品質(zhì)、平民價(jià)格,機(jī)房位于中國(guó)電信/網(wǎng)通/移動(dòng)機(jī)房,遂寧服務(wù)器托管服務(wù)有保障!
Thinkphp結(jié)合layer彈窗加ajax完成增加方法
給每個(gè)input框綁定id就行了
這是前端頁(yè)面
<!DOCTYPE html><html> <head>{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]--> </head> <body> <p class="x-body layui-anim layui-anim-up"> <form action="" method="post" class="layui-form"> <p class="layui-form-item"> <label for="L_email" class="layui-form-label"> <span class="x-red">*</span>管理員名稱 </label> <p class="layui-input-inline"> <input type="text" name="name" class="layui-input" id="name">//綁定ld </p> <p class="layui-form-mid layui-word-aux"> </p> </p> <p class="layui-form-item"> <label for="L_username" class="layui-form-label"> <span class="x-red">*</span>手機(jī)號(hào)碼 </label> <p class="layui-input-inline"> <input type="text" name="phone" class="layui-input" id="phone">//綁定ld </p> </p> <p class="layui-form-item"> <label class="layui-form-label"><span class="x-red">*</span>請(qǐng)選擇權(quán)限</label> <p class="layui-input-block" style="width:34%;"> <select name="type" lay-verify="required" id="type"> <option value=""></option> <option value="1">超級(jí)管理員</option> <option value="0">普通操作員</option> </select> </p> </p> <p class="layui-form-item"> <label for="L_pass" class="layui-form-label"> <span class="x-red">*</span>密碼 </label> <p class="layui-input-inline"> <input type="password" name="pass" class="layui-input" id="pass">//綁定ld </p> <p class="layui-form-mid layui-word-aux"> 6到16個(gè)字符 </p> </p> <p class="layui-form-item"> <label for="L_repass" class="layui-form-label"> <span class="x-red">*</span>確認(rèn)密碼 </label> <p class="layui-input-inline"> <input type="password" name="pass" class="layui-input" id="pass2"> </p> </p> <p class="layui-form-item" > <label class="layui-form-label"><span class="x-red">*</span>性別</label> <p class="layui-input-block" > <input type="radio" name="sex" value="1" title="男" id="sex" checked="">//綁定ld <input type="radio" name="sex" value="2" title="女" id="sex">//綁定ld </p> </p> <p class="layui-form-item"> <label for="L_repass" class="layui-form-label"> </label> <a href="javascript:;" id='confirm' class="layui-btn" >立即提交</a>//綁定事件,觸發(fā)confirm方法 </p> </form></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('請(qǐng)輸入管理員名稱', {icon: 0}); return false; } if(phone==''){ layer.msg('請(qǐng)輸入手機(jī)號(hào)碼', {icon: 0}); return false; } if(type==''){ layer.msg('請(qǐng)選擇權(quán)限', {icon: 0}); return false; } if(pass==''){ layer.msg('請(qǐng)輸入密碼', {icon: 0}); return false; } if(pass!=pass2){ layer.msg('兩次密碼不一致', {icon: 0}); $('#pass').val("").focus(); $('#pass2').val("").focus(); return false; } $.ajax({ url:"{:url('user_add')}", //這里跳到后臺(tái)控制器 data:{name:name,phone:phone,type:type,pass:pass,sex:sex}, //注意這里一一對(duì)應(yīng)要傳的參數(shù) type:"POST", success: function(data){ if (data.status==1) { layer.msg('添加成功!',{time:1000,icon: 1},function(){ window.parent.location.reload(); parent.layer.close(index); //添加成功之后銷毀當(dāng)前彈窗 }) }else{ layer.msg(data.info,{time:2000,icon: data.status}); } } }); });</script> </body></html>
這里是控制器部分
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"=>"注冊(cè)失敗!","status"=>5]); } } }
到此,相信大家對(duì)“怎么用Thinkphp+layer+ajax完成增加方法”有了更深的了解,不妨來實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
本文標(biāo)題:怎么用Thinkphp+layer+ajax完成增加功能方法
本文路徑:http://m.newbst.com/article34/iidsse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、服務(wù)器托管、標(biāo)簽優(yōu)化、小程序開發(fā)、搜索引擎優(yōu)化、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)