本篇內(nèi)容主要講解“怎么用Thinkphp+layer+ajax完成增加方法”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學(xué)習(xí)“怎么用Thinkphp+layer+ajax完成增加方法”吧!

成都創(chuàng)新互聯(lián)專業(yè)提供成都主機托管四川主機托管成都服務(wù)器托管四川服務(wù)器托管,支持按月付款!我們的承諾:貴族品質(zhì)、平民價格,機房位于中國電信/網(wǎng)通/移動機房,遂寧服務(wù)器托管服務(wù)有保障!
Thinkphp結(jié)合layer彈窗加ajax完成增加方法
給每個input框綁定id就行了
這是前端頁面
<!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>手機號碼 </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>請選擇權(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">超級管理員</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個字符 </p>
</p>
<p class="layui-form-item">
<label for="L_repass" class="layui-form-label">
<span class="x-red">*</span>確認密碼 </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('請輸入管理員名稱', {icon: 0});
return false;
}
if(phone==''){
layer.msg('請輸入手機號碼', {icon: 0});
return false;
}
if(type==''){
layer.msg('請選擇權(quán)限', {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}, //注意這里一一對應(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"=>"注冊失敗!","status"=>5]);
}
}
}到此,相信大家對“怎么用Thinkphp+layer+ajax完成增加方法”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
本文標(biāo)題:怎么用Thinkphp+layer+ajax完成增加功能方法
本文路徑:http://chinadenli.net/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)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)