confirm对话框取消后阻止ajax操作ajax做批量删除

Posted 飘逸De精灵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了confirm对话框取消后阻止ajax操作ajax做批量删除相关的知识,希望对你有一定的参考价值。

在做批量删除的时候,需要用confirm弹出一个提示框让用户确认是否删除,点击确定,执行操作,点击取消,取消操作。但是如果使用ajax把选中项的主键值传到处理页面处理时,如果使用下面的方法将confirm直接写在按钮里面,在点击取消后,ajax会继续执行操作,删除选中项。

1.confirm错误写法:

<button type="button" onclick="return confirm(‘确定删除选中项吗!‘)" id="piliang" class=‘btn btn-primary btn-lg‘  data-target=‘#myModal‘>批量删除</button>

2.可以用下面的方法将confirm写在js里面,可以避免这个问题。

(1)按钮代码

<button type="button" id="piliang" class=‘btn btn-primary btn-lg‘  data-target=‘#myModal‘>批量删除</button>

(2)js代码

$("#piliang").click(function(){
        var statu = confirm("确认删除选中项吗!");//在js里面写confirm,在页面中弹出提示信息。
        if(!statu)//如果点击的是取消
        {
            return false;//返回页面
        }
        else{//如果点击确定,就继续执行下面的操作
            var attr = new Array();//建立一个数组
            $(".qx").each(function() {//each循环遍历出所有的复选框
               if($(this).prop("checked")) //判断被循环的.ck是否被选中
               {
                    attr.push($(this).attr("value")); //去value的属性取到该项数据的主键值,扔到数组attr里面
               }
            });
            var stra = attr.join("‘,‘");//把attr数组里的lie[0]用  ‘,‘  拆分
             
            $.ajax({
                url:"../chuli/deletepiliang.php",
                data:{stra:stra},//把拆分后的数组传到处理页面,数据的格式为  主键1‘,‘主键2‘,‘主键3   这里看似少了最外面的2个‘‘,带着这个疑问去看处理页面
                type:"POST",
                dataType:"TEXT",
                success: function(data){
                    window.location.href="guanliry.php";
                }
                });
            }
        })

3.处理页面deletepiliang.php

<?php
session_start();
include("../libs/DBDA.php");
$db = new DBDA();
$attr = ($_POST["stra"]);//取传过来的选定的主键值
$sql = "delete from jx_user where uid in(‘{$attr}‘)";//把上面的缺少最外面的‘‘的字符串放到这里,(‘{$attr}‘)中的{$attr}就是拿过来的字符串,外面的‘‘正好弥补了缺少的‘‘。
$db->query($sql,0);


?>

 

以上是关于confirm对话框取消后阻止ajax操作ajax做批量删除的主要内容,如果未能解决你的问题,请参考以下文章

confirm对话框取消后阻止ajax操作ajax做批量删除

细节(01):confirm使用

ajax不运行success回调而是运行error回调

用js的confirm弹出一个框 点击确定后如何执行一个php函数?

confirm(message)

jquery 弹框,确定取消