PHP ajax+jQuery 实现批量删除功能实例代码小结
时间:2022-07-27
本文章向大家介绍PHP ajax+jQuery 实现批量删除功能实例代码小结,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
目录结构
piliangshan.php
<?php
require_once './db_conn.php';
$sql = "select * from user";
$result = mysqli_query($conn, $sql);
?
<html lang="zh-CN"
<head
<meta charset="UTF-8"
<title 全选演示</title
<meta http-equiv="X-UA-Compatible" content="IE=Edge"
<link rel="stylesheet" type="text/css" href="./static/bootstrap.min.css" rel="external nofollow"
<script src="./static/jquery.js" </script
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"
</head
<body
<form enctype="multipart/form-data" method="post"
<div class="bs-example" data-example-id="simple-table" style="padding-left: 30px;"
<table class="table" id="J-dl"
<a href="javascript:void(0);" rel="external nofollow" class="btn btn-danger" onclick="selectAll()" title="删除选定数据" style="font-weight:normal" 批量删除</a
<thead
<tr
<th <input type="checkbox" id="J-all" class="ckb" </th
<th First Name</th
<th Last Name</th
<th Username</th
</tr
</thead
<tbody
<?php
while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {
echo '<tr
<th <input type="checkbox" class="ck" id="ck-1" value="'.$row['id'].'" </th
<th scope="row" '.$row['id'].'</th
<td '.$row['username'].'</td
<td '.$row['sort'].'</td
</tr ';
}
?
</tbody
</table
</div
</form
<script
(function () {
var $all = $('#J-all');
var $dl = $('#J-dl');
// 绑定全选按钮点击事件,让下面所有的复选框是跟全选的一样
$all.on('click', function () {
$dl.find('.ck').prop('checked', !!this.checked);
});
// 绑定点击所有的复选框,点击的时候判断是否页面中全选了
$dl.find('.ck').on('click', function () {
// 我只是喜欢用filter(fn),用选择器也行
// 查找没有选择的元素
var $unSelectedElem = $dl.find('.ck').filter(function () {
return !this.checked;
});
// 如果有没有选中的,则让全选的取消
if ($unSelectedElem.length) {
$all.prop('checked', false);
}
else {
$all.prop('checked', true);
}
});
})();
</script
<script type="text/javascript"
function selectAll() {
var ids = '';
$(".ck").each(function() {
if ($(this).is(':checked')) {
ids += ',' + $(this).val(); //逐个获取id值,并用逗号分割开
}
});
ids = ids.substring(1); // 进行id处理,去除第一位的逗号
if (ids.length == 0) {
alert('请至少选择一项');
} else {
if (confirm("确定删除选中的?")) {
$.ajax({
type: "post",
url: "piliangdo.php",
data: {
ids:ids
},
success: function(data) {
if(data.trim()=="yes")
{
alert("删除成功");
location.reload() //刷新页面
}
else
{
alert("删除失败");
}
}
});
}
}
}
</script
</body
</html
piliangdo.php
<?php
header("content-type:text/html;charset='utf-8'");
require_once './db_conn.php';
$ids = trim($_POST['ids']);
$ids = explode(',', $ids);
foreach ($ids as $key = $val) {
$del_sql = "DELETE FROM `user` WHERE id = '$val'";
$result = mysqli_query($conn, $del_sql);
}
if ($result) {
echo "yes";
}
else{
echo "no";
}
?
总结
以上所述是小编给大家介绍的PHP ajax+jQuery 实现批量删除功能实例代码小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对ZaLou.Cn网站的支持!
- 数据结构之数组封装
- Centos下内网NDS主从环境部署记录
- 一搜解决,微信的这个功能厉害了!
- Saltstack自动化操作记录(2)-配置使用
- Saltstack自动化操作记录(1)-环境部署
- CentOS源码编译安装Nginx和tcp_proxy module
- 介绍一个MonoTouch开发的伦敦官方城市指南应用
- 虾说区块链-55-《精通比特币》笔记十
- SignalR QuickStart
- Node.js入门学习笔记-IDE选择/配置之WebStorm(windows)
- Captcha插件后门分析和修复
- log4net.SignalR - 日志即时发送客户端页面
- 科学家担心的智能爆炸,真会有这一天吗?
- RSA 2018:从大会议题看2018年网络安全趋势
- 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 数组属性和方法