码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-12-28 12:25:30      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:rom   value   join   this   写法   var   delete   ima   bsp   

在做批量删除的时候,需要用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做批量删除

标签:rom   value   join   this   写法   var   delete   ima   bsp   

原文地址:http://www.cnblogs.com/Strive-count/p/6228484.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!