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 相关文章推荐
把从SQL中取出的数据转化成XMl格式
Oct 09 PHP
Get或Post提交值的非法数据处理
Oct 09 PHP
PHP 开发工具
Dec 06 PHP
php 移除数组重复元素的一点说明
Nov 27 PHP
mac下安装nginx和php
Nov 04 PHP
使用array_map简单搞定PHP删除文件、删除目录
Oct 29 PHP
php将日期格式转换成xx天前的格式
Apr 16 PHP
PHP+swoole实现简单多人在线聊天群发
Jan 19 PHP
php cookie用户登录的详解及实例代码
Jan 03 PHP
PHP观察者模式实例分析【对比JS观察者模式】
May 22 PHP
Laravel自动生成UUID,从建表到使用详解
Oct 24 PHP
详解Laravel服务容器的绑定与解析
Nov 05 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
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
php面向对象中static静态属性与方法的内存位置分析
2015/02/08 PHP
PHP中串行化用法示例
2016/11/16 PHP
ThinkPHP中调用PHPExcel的实现代码
2017/04/08 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
JavaScrip实现PHP print_r的数功能(三种方法)
2013/11/12 Javascript
JavaScript程序员应该知道的45个实用技巧
2014/03/04 Javascript
深入理解javascript的执行顺序
2014/04/04 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
2016/12/08 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
2017/01/24 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
2017/08/17 Javascript
vue中v-model动态生成的实例详解
2017/10/27 Javascript
Vue验证码60秒倒计时功能简单实例代码
2018/06/22 Javascript
使用JavaScript保存文本文件到本地的两种方法
2019/01/22 Javascript
全面了解JavaScript的作用域链
2019/04/03 Javascript
JS字符串与二进制的相互转化实例代码详解
2019/06/28 Javascript
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
vue.js+ElementUI实现进度条提示密码强度效果
2020/01/18 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
[02:27]刀塔重生降临
2015/10/14 DOTA
python的构建工具setup.py的方法使用示例
2017/10/23 Python
python 矩阵增加一行或一列的实例
2018/04/04 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
用python写一个带有gui界面的密码生成器
2020/11/06 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
SmartBuyGlasses中国:唯视良品(销售名牌太阳镜、墨镜和眼镜框)
2017/07/03 全球购物
审计班子对照检查材料
2014/08/27 职场文书
工程服务质量承诺书
2015/04/29 职场文书
幼儿园安全教育随笔
2015/08/14 职场文书
详解Laravel框架的依赖注入功能
2021/05/27 PHP
一次Mysql update sql不当引起的生产故障记录
2022/04/01 MySQL
vue实现列表垂直无缝滚动
2022/04/08 Vue.js
Ruby处理CSV数据方法详解
2022/04/18 Ruby