Laravel框架基于ajax和layer.js实现无刷新删除功能示例


Posted in PHP onJanuary 17, 2019

本文实例讲述了Laravel框架基于ajax和layer.js实现无刷新删除功能。分享给大家供大家参考,具体如下:

1、首先要引入layer.js

<script type="text/javascript" src="{{ asset('/public/bootstrap/js/jquery-3.2.1.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/public/layer/layer.js') }}"></script>

2、给删除按钮加事件

<a style="font-size: 15px;" type="submit" class="btn" onclick="delUser({{ $user->id }})">删除</a>

3、事件的内容

function delUser(user_id)
{
  layer.confirm('您确定要删除我吗?', {  // 使用layer.js确认弹窗
    btn: ['确定', '取消'],
  }, function() {            // 当确定时执行
    $.post("{{ url('user') }}/" + user_id, {  // 网址、数据、成功后操作
      "_token": "{{ csrf_token() }}",
      "_method": "delete"
    }, function(data) {
      if (data.status == 0) {
        layer.msg(data.msg, { icon: 6});
        location.href = "{{ url('user/index') }}";
      } else {
        layer.msg(data.msg, { icon: 5});
      }
    });
  }, function() {});
}

4、上述事件传到方法内容

public function destroy($user_id)
{
    $res = User::find($user_id)->delete();
    if ($res) {
      $data = [
        'status' => 0,
        'msg' => '删除成功'
      ];
    } else {
      $data = [
        'status' => 1,
        'msg' => '删除失败'
      ];
    }
    return $data;
}

5、完成

希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。

PHP 相关文章推荐
php mysql数据库操作分页类
Jun 04 PHP
php面向对象全攻略 (四)构造方法与析构方法
Sep 30 PHP
php 目录遍历、删除 函数的使用介绍
Apr 28 PHP
分享一个php 的异常处理程序
Jun 22 PHP
php使用cookie保存登录用户名的方法
Jan 26 PHP
基础的WordPress插件制作教程
Nov 24 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
Apr 07 PHP
php好代码风格的阶段性总结
Jun 25 PHP
php中get_magic_quotes_gpc()函数说明
Feb 06 PHP
实例介绍PHP中zip_open()函数用法
Feb 15 PHP
基于Laravel(5.4版本)的基本增删改查操作方法
Oct 11 PHP
PHP实现简单日历类编写
Aug 28 PHP
strpos() 函数判断字符串中是否包含某字符串的方法
Jan 16 #PHP
Laravel框架实现的批量删除功能示例
Jan 16 #PHP
Laravel框架实现的rbac权限管理操作示例
Jan 16 #PHP
PHP基于cookie实现统计在线人数功能示例
Jan 16 #PHP
php curl获取https页面内容,不直接输出返回结果的设置方法
Jan 15 #PHP
对php 判断http还是https,以及获得当前url的方法详解
Jan 15 #PHP
php成功操作redis cluster集群的实例教程
Jan 13 #PHP
You might like
php防止CC攻击代码 php防止网页频繁刷新
2015/12/21 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
JavaScript简单表格编辑功能实现方法
2015/04/16 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
2020/04/23 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
AngularJS表单验证功能
2017/10/19 Javascript
基于vue-upload-component封装一个图片上传组件的示例
2018/10/16 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
Echarts.js无法引入问题解决方案
2020/10/30 Javascript
python快速查找算法应用实例
2014/09/26 Python
Python内置的HTTP协议服务器SimpleHTTPServer使用指南
2016/03/30 Python
用python写个自动SSH登录远程服务器的小工具(实例)
2017/06/17 Python
Python正则表达式知识汇总
2017/09/22 Python
Python Matplotlib库安装与基本作图示例
2019/01/09 Python
用python解压分析jar包实例
2020/01/16 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
Python守护进程实现过程详解
2020/02/10 Python
python+requests接口自动化框架的实现
2020/08/31 Python
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
让IE下支持Html5的placeholder属性的插件
2014/09/02 HTML / CSS
vivo智能手机官方商城:vivo
2016/09/22 全球购物
运动会广播稿400字
2014/01/25 职场文书
什么样的创业计划书可行性高?
2014/02/01 职场文书
绩效工资实施方案
2014/03/15 职场文书
应届毕业生求职信范文
2014/05/08 职场文书
“向国旗敬礼”活动策划方案(4篇)
2014/09/27 职场文书
《刺客之王:C罗全景传记》:时代从来不会亏待手艺人
2019/11/28 职场文书
Javascript使用integrity属性进行安全验证
2021/11/07 Javascript