Maison > Article > développement back-end > Comment utiliser php ajax pour implémenter la fonction de suppression par lots
Comment implémenter la suppression par lots avec PHP ajax : introduisez d'abord la boîte modale et la table de base de données de bootstrap ; puis créez la partie html du bouton "suppression par lots" et enfin connectez ajax à la page de traitement PHP pour le traitement par lots ; effacement.
Recommandé : "Tutoriel vidéo PHP"
PHP jQuery+Ajax combiné avec une fonction de suppression par lots en écriture
Par souci de beauté, j'ai quand même introduit la boîte modale de bootstrap. J'ai introduit une table dans ma propre bibliothèque de base de données nommée : la table maninfo est une table d'informations personnelles que j'ai chargée. Je ne l'écris plus, c'est relativement simple. Écrivez simplement les boutons et les parties html requis
<button type="button" class="btn btn-primary" id="plscdz" >批量删除</button>
Sélectionner tout :
<input type="checkbox" id="cq"/>
Les cases à cocher sont
<input type="checkbox" value="{$v[0]}" class="cq"/>
D'abord, après. en cliquant sur le bouton Sélectionner tout, vous pouvez sélectionner toutes les cases à cocher parcourues
<script type="text/javascript"> $("#cq").click(function(){ $(".cq").prop("checked",$(this).prop("checked")); }) </script>
Ici, je viens d'écrire une simple boîte modale
<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">确认批量删除</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal --> </div> </div>
De cette façon, le contenu front-end est terminé, comme ça j'ai commencé en écrivant la partie js. J'ai utilisé tout 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;//有选中项 } //alert(chk); } function plscdzxx() { //批量删除 $("#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个字符,截取字符串,去掉最后的"','",这样正好匹配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("请选择您要删除的内容"); } }) }
ajax sera connecté à la page de traitement de suppression par lots
<?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"; } }
Écrivez-la ici si vous l'essayez. vous-même, cela peut ne pas fonctionner. Dans ce cas, vous devez ajuster la méthode de suppression par lots. S'il y a une méthode de chargement devant, écrivez simplement la méthode de suppression par lots directement dans la méthode de chargement et appelez-la
.Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!