【php增删改查实例】第十二节 - 数据删除功能/2、批量删除

剽悍一小兔

发布于 2018-06-06 15:38:12

1.3K0

发布于 2018-06-06 15:38:12

文章被收录于专栏：web编程技术分享web编程技术分享

1、单条数据删除

思路：首先，需要也只能允许用户勾选一条数据，然后弹出一个确认框，问用户是否真的要删除？如果是，就把ID传递到PHP，然后写一个delete语句，通过ID去删除即可。

画好了按钮之后，编写其点击事件。

前台代码：

function singleDelete(){

    var rows = $("#grid0").datagrid("getSelections");  // []

    if(rows.length != 1){

        $.messager.alert("系统提醒","请勾选一条数据！");
        return;
    }

    //让用户再次确认是否要删除？
    if( confirm("您确认要删除这条数据吗？") ){

        //获取这条数据的ID
        var id = rows[0].id;

        //通过jQuery给我们提供的ajax异步提交函数，把ID传递到后台
        // 后台响应resultData : {errCode:-1,errMsg:""}
        $.post("deleteDept.php",{'id':id},function(data){
            if(data.errCode < 0){
                $.messager.alert("系统提醒","后台程序发生错误，原因是<br>:<font style='color:red;'>"+data.errMsg+"</font>");
            }else{
                $.messager.alert("系统提醒","删除成功！");
                search();
            }

        },"json");
    }

}

如果你是做前端的，往往可以不用关心后台代码如何实现，反正都是用ajax去提交请求，比如，这个例子中，我们提交的地址就是deleteDept.php 。我压根不去关心你后端如何实现，这是做后台程序的同事该烦恼的事情，我只关心，如何去处理你给我返回的数据。比如，公司规定，ajax提交过来的请求，响应格式为 {errCode：0 , errMsg : “” }，我们只需要对应这种格式在回调函数中作出响应的处理即可。后代代码：

<?php
    
    //连接MySQL数据库
    $conn = mysql_connect("localhost","root","");
    $db = mysql_select_db("test",$conn);
    mysql_query("set names utf8");

    $resultData = array();
    $resultData['errCode'] = 0;
    $resultData['errMsg'] = "";
    $id = null;
    if(isset($_POST['id']) && $_POST['id'] != null){
        $id = $_POST['id'];

        mysql_query("delete from tm_dept where id = '$id'") or die(err());

        echo json_encode($resultData);

    }   


    function err(){
        $resultData['errCode'] = -1;
        $resultData['errMsg'] = mysql_error();
        echo json_encode($resultData);
    }
    

?>

/2、批量删除

思路：允许用户勾选多条数据，但是不允许一条都不勾选。如果用户一条都不勾选，就提示“请至少勾选一条数据！”。比如，我现在勾选了两条数据，就把这两条数据的ID用逗号拼接的方式，变成一个字符串，如：“20,30”。把这个玩意用ajax提交到PHP。然后，PHP中，用sql语句，进行删除。 Sql语句大概长这个样子：

DELETE from tm_dept where id in (13,15);

2.1 允许用户勾选多条数据，但是不允许一条都不勾选

按钮的渲染：

<a href="javascript:deleteBatch()" 
class="easyui-linkbutton" 
iconCls="icon-remove"  plain="true">批量删除</a>

function deleteBatch(){

    var rows = $("#grid0").datagrid("getSelections");

    if(rows.length == 0){
        $.messager.alert("系统提醒","请至少勾选一条数据！");
        return;
    }
}

2.2 将勾选的数据ID做成逗号分割的字符串

第一个想法，可以去遍历勾选的所有行，然后取出每一行的ID

    for(var i=0;i<rows.length;i++){
        var row = rows[i];

        alert(row.id);
    }

然后，先考虑如何去把这些ID用个什么东西装起来？比如，用数组。装好以后，再去把数组变成逗号分隔的字符串~！

var ids = [];
    for(var i=0;i<rows.length;i++){
        var row = rows[i];
        ids.push(row.id);
    }
    console.log(ids.toString());

2.3 把这个字符串传递到php

$.post("deleteDept.php",{ids:ids.toString()},function(data){
        if(data.errCode < 0){
            $.messager.alert("系统提醒","后台程序发生错误，原因是<br>:<font style='color:red;'>"+data.errMsg+"</font>");
            }else{
                $.messager.alert("系统提醒","删除成功！");
                search();
            }

    },"json");

在php中测试能不能接收到ids：

在php中根据这些ID去批量删除

<?php
    
    //连接MySQL数据库
    $conn = mysql_connect("localhost","root","");
    $db = mysql_select_db("test",$conn);
    mysql_query("set names utf8");



    $resultData = array();
    $resultData['errCode'] = 0;
    $resultData['errMsg'] = "";
    $id = null;
    $ids = null;

    if(isset($_POST["ids"]) && $_POST["ids"] != null){
        $ids = $_POST['ids'];

        mysql_query("delete from tm_dept where id in ($ids)") or die(err());

        echo json_encode($resultData);
        
    }

    if(isset($_POST['id']) && $_POST['id'] != null){
        $id = $_POST['id'];

        mysql_query("delete from tm_dept where id = '$id'") or die(err());

        echo json_encode($resultData);

    }   


    function err(){
        $resultData['errCode'] = -1;
        $resultData['errMsg'] = mysql_error();
        echo json_encode($resultData);
    }
    

?>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2018.06.01 ，如有侵权请联系 cloudcommunity@tencent.com 删除

php