ホームページ > バックエンド開発 > PHPの問題 > php ajaxを使って一括削除機能を実装する方法

php ajaxを使って一括削除機能を実装する方法

藏色散人
リリース: 2023-03-05 09:30:01
オリジナル
2463 人が閲覧しました

php バッチ削除を実装するための Ajax メソッド: 最初にブートストラップ モーダル ボックスとデータベース テーブルを導入し、次に「バッチ削除」ボタンの HTML 部分を作成し、最後にバッチ削除のために Ajax を PHP 処理ページに接続します。

php ajaxを使って一括削除機能を実装する方法

おすすめ:「PHP ビデオチュートリアル

PHP jQuery Ajax と書き込み一括削除機能の組み合わせ

見た目を美しくするために、ブートストラップ モーダル ボックスを導入しました。導入したのは、自分のデータベース ライブラリ内のテーブルで、「maninfo テーブルは個人情報テーブルです。テーブルはロードしません」という名前です。書かれた内容は比較的単純で、必要なボタンと HTML パーツを記述するだけです

<button type="button" class="btn btn-primary"  id="plscdz" >批量删除</button>
ログイン後にコピー

すべて選択:

<input type="checkbox" id="cq"/>
ログイン後にコピー

通過したチェック ボックスは

<input type="checkbox" value="{$v[0]}" class="cq"/>
ログイン後にコピー

最初に [選択] をクリックした後、 「すべて」ボタンで、トラバースしたチェックボックスをすべて選択できます

<script type="text/javascript">
 $("#cq").click(function(){
$(".cq").prop("checked",$(this).prop("checked"));
})
</script>
ログイン後にコピー

ここでは簡単なモーダルボックスのみを書きました

<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>
ログイン後にコピー

こうしてフロントエンドの内容が完成したので書き始めますjsの部分です 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("请选择您要删除的内容");
      }
    })
  }
ログイン後にコピー

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 (&#39;{$plstr}&#39;)";
  if($db->Query($sql,0))
  {
    echo "OK";
  }
  else
  {
    echo "NO";
  }
}
ログイン後にコピー

もしよかったらここに書いてください自分で実行するとうまくいかない場合があります。この場合、一括削除メソッドを調整する必要があります。前にロード メソッドがある場合は、一括削除メソッドをロード メソッドに直接記述して呼び出すだけです。

以上がphp ajaxを使って一括削除機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート