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