怎样在删除前添加确认弹出框?

待我称王封你为后i 2022-05-30 04:14 204阅读 0赞

删除前的确认弹出框

## 一,【前言】 ##

最近架构组开发的”异常监控平台”,虽说是公司内部基础研发部业务组上百人用的一个系统,但是对一下体验度的提升还是要的,例如,删除是直接删除还是删除之前有一个确认弹出框比较好呢?

答案当然是有确认提示框好,这样可以避免误删.

![Image 1][]

## 二,【详情】 ##

** 1,思考方法:**

可以添加 js, 或添加一个 function 用一个Ajax.

**2,现在情况:**

原代码删除是 HTML表单形式,调接口的方式;  网上查了一般都是 onclick方式,这怎么办?

![Image 1][]

例如:一些网上介绍的方法: [http://www.jb51.net/article/67279.htm][http_www.jb51.net_article_67279.htm]

但这原代码是表单形式,需要在里面稍加更改.

**3,本次解决方案:**

(1)  更改 href=”” 换成 οnclick=”function()” 触发.

![Image 1][]

(2)  οnclick=”function()”中 function() 实现:

![Image 1][]

(3)  优化后代码如下:

onclick 代码:

var delHtml = '<a name="trash"style="cursor: pointer" class="glyphicon glyphicon-trash"title="删除" οnclick="confirmDel('+id+')"></a>';

function 函数如下 :

functionconfirmDel( id) {
        var r=confirm("您确定要删除?")
        if (r==true)
        {
            $.post("/alcf/del",{id:id},function (result) {
               window.location.reload();
            })
        }else {return;}
    }

## 三,【小结】 ##

圣人有曰:”不怕不知道,就怕不知道!”,先查询,先去实践,在去更改和优化,第一次不一定能做到至善至美,但是一定要去先实践, 多交流,多沟通, 先站在巨人的肩膀上去成长!

![Image 1][]

[Image 1]: 
[http_www.jb51.net_article_67279.htm]: http://www.jb51.net/article/67279.htm

发表评论取消回复

表情：

评论列表（有 0 条评论，204人围观）

还没有评论，来说两句吧...

相关阅读

相关 JSP 用JS弹出确认删除对话框

1)JS脚本如下 <script language="javascript"> function delcfm() { if

待我称王封你为后i/ 2024年02月17日 16:47/ 0 赞/ 57 阅读

相关 JS删除之前弹出一个带有确认和取消按钮的提示框confirm()

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict

我就是我/ 2023年01月21日 02:14/ 0 赞/ 22 阅读

相关 jsp页面中使用a标签进行删除请求时候使用弹出框确认后再删除

jsp页面中使用a标签进行删除请求时候使用弹出框确认后再删除一、使用背景二、核心代码 2.1a标签 2.2js代码三、运

╰半夏微凉°/ 2022年12月31日 05:25/ 0 赞/ 147 阅读

相关删除弹框

if (selectedRowsState && selectedRowsState.length > 0) { confirm({

╰+攻爆jí腚メ/ 2022年12月23日 00:35/ 0 赞/ 194 阅读

相关使用javascript实现删除前弹出确认框

使用javascript实现删除前弹出确认框需求代码需求用户点击删除按钮时，弹出一个确定框，如果用户点击“确定”执行删除操作，否

小咪咪/ 2022年11月10日 03:43/ 0 赞/ 194 阅读

相关 bootstrap弹出框

要想使用Bootstrap Popover（弹出框）则必须引入其依赖的文件: jquery.js这个必须的(还是要写在其他js前面,bootstrap是依赖jquery的哦)

约定不等于承诺〃/ 2022年08月23日 14:00/ 0 赞/ 393 阅读

相关 a标签点击跳转或表单提交前弹出确认框

①在html标签中出现提示 <a href="http://www.baidu.com" οnclick="if(confirm('确认百度吗？')==false)r

港控/mmm°/ 2022年08月10日 12:45/ 0 赞/ 303 阅读

相关怎样在删除前添加确认弹出框?

删除前的确认弹出框一,【前言】最近架构组开发的”异常监控平台”,虽说是公司内部基础研发部业务组上百人用的一个系统,但是对一下体验

待我称王封你为后i/ 2022年05月30日 04:14/ 0 赞/ 205 阅读

相关删除确认对话框弹出

<a href="${base}/freecharge/delete.jhtml?id=${content.id}" onClick="return confirm('

傷城~/ 2021年07月25日 02:08/ 0 赞/ 677 阅读

相关 electron 弹出框

1、引入弹出框主线程:const {dialog}=require('electron'); 渲染进程:const {dialog}=requir

旧城等待，/ 2021年07月24日 19:25/ 0 赞/ 1123 阅读