posts - 99,  comments - 19,  trackbacks - 0

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);
    }
    

?>
posted on 2018-06-08 10:24 剽悍一小兔 阅读(...) 评论(...) 编辑 收藏