Laravel框架基于ajax和layer.js实现无刷新删除功能示例
时间:2022-07-27
本文章向大家介绍Laravel框架基于ajax和layer.js实现无刷新删除功能示例,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《Laravel框架入门与进阶教程》、《php优秀开发框架总结》、《php面向对象程序设计入门教程》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法