• 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);
  • 相关阅读:
    OutOfMemoryError异常
    synchronized四种锁状态的升级
    题解LeetCode--三数之和
    JDK 8的HashMap源码解析
    LinkedList原理分析
    队列与LinkedList原理实现
    Java中的递归以及不死神兔实例(斐波那契数列)
    递归问题1
    排序的第二天_快速排序与归并排序
    yum源遇到的问题
  • 原文地址:https://www.cnblogs.com/Strive-count/p/6228484.html
Copyright © 2020-2023  润新知