Thinkphp+layer+ajax如何完成增加方法(附代码示例)
admin684756年前2条评论
Thinkphp是罕见的PHP框架,layer则是一款好用的Web弹层组件,下面给人人介绍一下Thinkphp怎样联合layer弹窗,再加ajax来实现增加方法。
Thinkphp联合layer弹窗加ajax实现增加方法
给每一个input框绑定id就好了
这是前端页面
-
- {include file="public/head" title="顶部最先" /}
-
-
-
-
-
-
- *治理员名称
-
- //绑定ld
-
-
-
-
-
- *手机号码
-
- //绑定ld
-
-
-
- *请抉择权限
-
-
-
- 超级治理员
- 一般操纵员
-
-
-
-
- 明码
-
- //绑定ld
-
- 6到16个字符
-
-
- *确认明码
-
-
-
-
-
- *性别
-
- //绑定ld
- //绑定ld
-
-
-
-
- href="javascript:;" id='confirm' class="layui-btn" >立即提交//绑定事件,触发confirm方法
-
-
-
- $("#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('请抉择权限', {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}, //细致这里逐个对于应要传的参数
- type:"POST",
- success: function(data){
- if (data.status==1) {
- layer.msg('增添胜利!',{time:1000,icon: 1},function(){
- window.parent.location.reload();
- parent.layer.close(index); //增添胜利以后废弃以后弹窗
- })
-
- }else{
- layer.msg(data.info,{time:2000,icon: data.status});
- }
- }
- });
- });
-
这里是管制器整体
- 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]);
- }
- }
- }
本文链接:https://addon.ciliseo.com/thinkphplayerajax-ru-he-wan-cheng-zeng-jia-fang-fa-fu-dai-ma-shi-li.html
网友评论
ukuwaevm
回复使用Thinkphp后端配合layer界面元素及ajax异步技术,简单轻松完成增加功能——高效快捷的示例代码分享。
smdofqawu
回复使用Thinkphp框架结合layer与ajax,轻松实现增加方法功能——附代码示例!