JavaScript怎样在删除前添加确认弹出框?
更新时间：2019年05月27日 14:24:36 作者：何新生-功夫熊猫
这篇文章主要介绍了怎样在删除前添加确认弹出框?下面小编带大家来学习一下
一,【前言】
最近架构组开发的”异常监控平台”,虽说是公司内部基础研发部业务组上百人用的一个系统,但是对一下体验度的提升还是要的,例如,删除是直接删除还是删除之前有一个确认弹出框比较好呢?
答案当然是有确认提示框好,这样可以避免误删.
二,【详情】
1,思考方法:
可以添加 js, 或添加一个 function 用一个Ajax.
2,现在情况:
原代码删除是 HTML表单形式,调接口的方式; 网上查了一般都是 onclick方式,这怎么办?
3,本次解决方案:
(1) 更改 href=”” 换成 onclick=”function()” 触发.
(2) onclick=”function()”中 function() 实现:
(3) 优化后代码如下:
onclick 代码:
var delHtml = '<a name="trash"style="cursor: pointer" class="glyphicon glyphicon-trash"title="删除" onclick="confirmDel('+id+')"></a>';
function 函数如下 :
functionconfirmDel( id) {
var r=confirm("您确定要删除?")
if (r==true)
{
$.post("/alcf/del",{id:id},function (result) {
window.location.reload();
})
}else {return;}
}
三,【小结】
圣人有曰:”不怕不知道,就怕不知道!”,先查询,先去实践,在去更改和优化,第一次不一定能做到至善至美,但是一定要去先实践, 多交流,多沟通, 先站在巨人的肩膀上去成长!
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了微信小程序wx.request拦截器详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
本文给大家分享基于javascript制作的qq空间相册展示效果，涉及到html\css布局思维，浮动定位详解，具体实现代码大家参考下本文2017-12-12
本文主要介绍了动态加载css的方法实现和深入解析。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
表单验证为终端用户检测无效的数据并标记这些错误,是一种用户体验的优化,下面这篇文章主要给大家介绍了关于JS如何实现form表单登录验证并使用MD5加密的相关资料,需要的朋友可以参考下2023-06-06
这篇文章主要为大家详细介绍了微信小程序实现图片上传，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
编写高质量JavaScript代码的基本要点分享给大家，感兴趣的小伙伴们可以参考一下2016-03-03
本文主要介绍了js使用visibilitychange处理页面关闭事件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了微信小程序canvas绘制文字实现自动换行，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了Javascript 实现图片无缝滚动的相关资料,需要的朋友可以参考下2014-12-12
因为项目上有这样的需求，在网上也查了些东西，之前是想找个差不多类似的套用一下。后来发觉没有合适的，因时间紧迫就自己动手写了一个简单的 ，示例代码如下 兼容火狐和IE7+2015-11-11
最新评论