PHP ajax+jQuery 实现批量删除功能实例代码小结


Posted in PHP onDecember 06, 2018

目录结构

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 实现批量删除功能实例代码小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
人尽可用的Windows技巧小贴士之下篇
Mar 22 PHP
Php获取金书网的书名的实现代码
Jun 11 PHP
php中处理mysql_fetch_assoc返回来的数组 不用foreach----echo
May 04 PHP
php Rename 更改文件、文件夹名称
May 24 PHP
php 保留字列表
Oct 04 PHP
如何使用php判断服务器是否是HTTPS连接
Jul 05 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
Jul 09 PHP
php上传大文件设置方法
Apr 14 PHP
PHP中set_include_path()函数相关用法分析
Jul 18 PHP
Yii2实现同时搜索多个字段的方法
Aug 10 PHP
PHP使用xpath解析XML的方法详解
May 20 PHP
laravel框架中视图的基本使用方法分析
Nov 23 PHP
PHP实现简易计算器功能
Aug 28 #PHP
laravel5实现微信第三方登录功能
Dec 06 #PHP
PHP实现简单计算器小程序
Aug 28 #PHP
ThinkPHP 3.2.3实现加减乘除图片验证码
Dec 05 #PHP
php实现算术验证码功能
Dec 05 #PHP
php使用array_chunk函数将一个数组分割成多个数组
Dec 05 #PHP
Yii支持多域名cors原理的实现
Dec 05 #PHP
You might like
PHP函数学习之PHP函数点评
2012/07/05 PHP
win7计划任务定时执行PHP脚本设置图解
2014/05/09 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
php中实现字符串翻转的方法
2017/02/22 PHP
JS图片无缝、平滑滚动代码
2014/03/11 Javascript
js中函数声明与函数表达式
2015/06/03 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
2017/01/05 Javascript
mongoose更新对象的两种方法示例比较
2017/12/19 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
js删除对象中的某一个字段的方法实现
2021/01/11 Javascript
[43:18]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
Python中使用Beautiful Soup库的超详细教程
2015/04/30 Python
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
python&amp;MongoDB爬取图书馆借阅记录
2016/02/05 Python
Python实现简单的语音识别系统
2017/12/13 Python
unittest+coverage单元测试代码覆盖操作实例详解
2018/04/04 Python
解决python3爬虫无法显示中文的问题
2018/04/12 Python
Python实现购物车购物小程序
2018/04/18 Python
python 识别图片中的文字信息方法
2018/05/10 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
利用pyecharts读取csv并进行数据统计可视化的实现
2020/04/17 Python
python属于解释语言吗
2020/06/11 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
python连接mysql数据库并读取数据的实现
2020/09/25 Python
html5之Canvas路径绘图、坐标变换应用实例
2012/12/26 HTML / CSS
英国高街品牌:Miss Selfridge(塞尔弗里奇小姐)
2016/09/21 全球购物
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
作风建设演讲稿
2014/05/23 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
庆六一活动总结
2014/08/29 职场文书
竞选纪律委员演讲稿
2014/09/13 职场文书
撤诉申请怎么写
2015/05/19 职场文书
优秀团员主要事迹范文
2015/11/05 职场文书