如何用php ajax实现批量删除功能
生活随笔
收集整理的這篇文章主要介紹了
如何用php ajax实现批量删除功能
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
php ajax實(shí)現(xiàn)批量刪除的方法:首先引入bootstrap的模態(tài)框和數(shù)據(jù)庫表;然后創(chuàng)建“批量刪除”按鈕的html部分;最后使ajax連接到批量刪除的PHP處理頁面即可。
推薦:《PHP視頻教程》
PHP jQuery+Ajax結(jié)合寫批量刪除功能
為了美觀,我還是引入了bootstrap的模態(tài)框,我引入的是自己的數(shù)據(jù)庫 library中的一張表 名為:maninfo表 是一張個人信息表表的加載我就不寫了,比較簡單, 大概寫一下需要的按鈕和html部分就可以了
<button type="button" class="btn btn-primary" id="plscdz" >批量刪除</button>
全選:
<input type="checkbox" id="cq"/>
遍歷出來的復(fù)選框?yàn)?/p>
<input type="checkbox" value="{$v[0]}" class="cq"/>
首先是全選按鈕點(diǎn)擊之后可以把遍歷的復(fù)選框全部選中
<script type="text/javascript">
$("#cq").click(function(){
$(".cq").prop("checked",$(this).prop("checked"));
})
</script>
這里我只寫了一個簡單的模態(tài)框
<div class="modal fade" id="myModal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">
提示
</h4>
</div>
<div id="qrnr1" class="modal-body">
您將刪除選中的圖書!
</div>
<div class="modal-footer">
<button id="qxplsc" type="button" class="btn btn-default" data-dismiss="modal">取消刪除</button>
<button id="qrplsc" type="button" class="btn btn-primary">確認(rèn)批量刪除</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
</div>
這樣前端的內(nèi)容就完成了,這樣就開始寫js部分了,我全部用的是jquery
var chk = "";
var check2 = "";
//判斷多個復(fù)選框中的某一個是否被實(shí)現(xiàn)
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;//沒有選中項(xiàng)
}
else
{
chk=1;//有選中項(xiàng)
}
//alert(chk);
}
function plscdzxx()
{
//批量刪除
$("#plscdz").click(function(){
checked();
if(chk==1 || check2==1){// 提交
$('#myModal12').modal('show');
$("#nqrplsc").click(function(){/*給確認(rèn)刪除按鈕加事件*/
$('#myModal12').modal('hide');
//找選中的主鍵值,用循環(huán)遍歷選中的主鍵值
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個字符,截取字符串,去掉最后的"','",這樣正好匹配SQL語句
$.ajax({
async:false,
url:"plscdz.php",
data:{plstr:plstr},
dataType:"TEXT",
type:"POST",
success:function(data){
if(data.trim()=="OK")
{
alert("刪除成功");
nload(); //在這里要重新加載一遍頁面
}
else
{
alert("刪除失敗");
}
}
});
});
}
else if(chk==0)
{
// 不提交
//alert(chk);
alert("請選擇您要刪除的內(nèi)容");
}
})
}
ajax會連接到批量刪除的處理頁面 ,下面就是批量刪除的處理頁面了
<?php
session_start();
include("DBDA.class.php");
$db = new DBDA();
if(!empty($_POST["plstr"]))
{
$plstr = $_POST["plstr"];
$sql = "delete from maninfo where id in ('{$plstr}')";
if($db->Query($sql,0))
{
echo "OK";
}
else
{
echo "NO";
}
}
寫到這兒 如果您要是自己嘗試的話,可能不運(yùn)行,這就需要把批量刪除的方法給調(diào)一下,前面有加載的方法的話,那就直接把批量刪除的方法寫到加載方法里面調(diào)用就可以了
總結(jié)
以上是生活随笔為你收集整理的如何用php ajax实现批量删除功能的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 0粉丝起步,如何向千万级账号‘挺’进?
- 下一篇: 消息称亚马逊将在印度追加 150 亿美元