扣丁学堂PHP培训简述PHP ajax+jQuery如何实现批量删除功能

发布时间:2019-07-03 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了扣丁学堂PHP培训简述PHP ajax+jQuery如何实现批量删除功能脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

PHP ajax+jQuery如何实现批量删除功能有多少的小伙伴知道或者了解吗?本篇文章扣丁学堂PHP培训小编就给喜欢PHP开发的小伙伴分享一下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在线学习小编给大家分享的PHP ajax+jQuery如何实现批量删除功能,希望对小伙伴们有所帮助,想要了解更多内容的小伙伴可以登录扣丁学堂官网咨询。

想要学好PHP开发小编给大家推荐口碑良好的扣丁学堂,扣丁学堂有专业老师制定的PHP学习路线图辅助学员学习,此外还有与时俱进的PHP视频教程供大家学习,想要学好PHP开发技术的小伙伴快快行动吧。

脚本宝典总结

以上是脚本宝典为你收集整理的扣丁学堂PHP培训简述PHP ajax+jQuery如何实现批量删除功能全部内容,希望文章能够帮你解决扣丁学堂PHP培训简述PHP ajax+jQuery如何实现批量删除功能所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。