PHP jQuery+Ajax实现批量删除操作

这篇文章主要介绍了PHP jQuery+Ajax实现批量删除操作的相关资料，需要的朋友参考下。

jQuery库

jQuery是一个快速、简洁的JavaScript框架，是一个优秀的JavaScript代码库（或JavaScript框架）。

jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

ajax技术

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是一种创建交互式网页应用的网页开发技术。

Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。Ajax 是一种用于创建快速动态网页的技术。

Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着在不重新加载整个网页的情况下，对网页的某部分进行更新。

先是全选按钮点击把遍历的复选框全部选中

$("#cq").click(function () {
    $(".cq").prop("checked", $(this).prop("checked"));
})

js部分，用的是jquery

var chk = "";
var check2 = "";  //判断多个复选框中的某一个是否被全选
function checked() {
    var count = 0;
    var checkx = $("#cq");
    if (checkx.checked) {
        check2 = 1;//选中全选按钮
    } else {
        check2 = 0;//没选中全选按钮
    }
    var checkArry = $(".cq");
    for (var i = 0; i < checkArry.length; i++) {
        if (checkArry[i].checked == true) {        //选中的操作
            count++;
        }
    }
    if (count == 0) {
        chk = 0;//没有选中项
    } else {
        chk = 1;//有选中项
    }
}
function all() {
    //批量删除
    $("#plscdz").click(function () {
        checked();
        if (chk == 1 || check2 == 1) {// 提交
            $('#myModal12').modal('show');
            $("#nqrplsc").click(function () {/*给确认删除按钮加事件*/
                $('#myModal12').modal('hide');
                //找选中的主键值，用循环遍历选中的主键值
                var cq = $(".cq");
                var plstr = "";
                for (var i = 0; i < cq.length; i++) {
                    if (cq.eq(i).prop("checked")) {
                        plstr += cq.eq(i).val() + "','";
                    }
                }
                plstr = plstr.substr(0, plstr.length - 3);
                //分隔符占3个字符，截取字符串，去掉最后的"','"
                $.ajax({
                    async: false,
                    url: "aa.php",
                    data: {id: plstr},
                    dataType: "TEXT",
                    type: "POST",
                    success: function (data) {
                        if (data.trim() == "OK") {
                            alert("删除成功");
                        } else {
                            alert("删除失败");
                        }
                    }
                });
            });
        } else if (chk == 0) {
            alert("请选择您要删除的内容");
        }
    })
}

ajax请求到批量删除的php处理页面 ，下面就是批量删除的处理页面了

session_start();
include("DBDA.class.php");
$db = new DBDA();
if (!empty($_POST["id"])) {
    $id = $_POST["id"];
    $sql = "delete from user where id in ('{$id}')";
    if ($db->Query($sql, 0)) {
        echo "OK";
    } else {
        echo "NO";
    }
}

以上所述是小编给大家介绍的PHP jQuery+Ajax实现批量删除操作，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。