Maison > développement back-end > Problème PHP > Comment utiliser php ajax pour implémenter la fonction de suppression par lots

Comment utiliser php ajax pour implémenter la fonction de suppression par lots

藏色散人
Libérer: 2023-03-05 09:30:01
original
2470 Les gens l'ont consulté

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.

Comment utiliser php ajax pour implémenter la fonction de suppression par lots

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>
Copier après la connexion

Sélectionner tout :

<input type="checkbox" id="cq"/>
Copier après la connexion

Les cases à cocher sont

<input type="checkbox" value="{$v[0]}" class="cq"/>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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){// 提交
        $(&#39;#myModal12&#39;).modal(&#39;show&#39;);
        $("#nqrplsc").click(function(){/*给确认删除按钮加事件*/
          $(&#39;#myModal12&#39;).modal(&#39;hide&#39;);
          //找选中的主键值,用循环遍历选中的主键值
          var cq =$(".cq");
          var plstr ="";
          for(var i=0;i<cq.length;i++)
          {
            if(cq.eq(i).prop("checked"))
            {
              plstr+=cq.eq(i).val()+"&#39;,&#39;";
            }
          }
          plstr= plstr.substr(0,plstr.length-3); //分隔符占3个字符,截取字符串,去掉最后的"&#39;,&#39;",这样正好匹配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("请选择您要删除的内容");
      }
    })
  }
Copier après la connexion

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 (&#39;{$plstr}&#39;)";
  if($db->Query($sql,0))
  {
    echo "OK";
  }
  else
  {
    echo "NO";
  }
}
Copier après la connexion

É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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal