JavaScript怎樣在刪除前添加確認(rèn)彈出框?
一,【前言】
最近架構(gòu)組開發(fā)的”異常監(jiān)控平臺”,雖說是公司內(nèi)部基礎(chǔ)研發(fā)部業(yè)務(wù)組上百人用的一個(gè)系統(tǒng),但是對一下體驗(yàn)度的提升還是要的,例如,刪除是直接刪除還是刪除之前有一個(gè)確認(rèn)彈出框比較好呢?
答案當(dāng)然是有確認(rèn)提示框好,這樣可以避免誤刪.
二,【詳情】
1,思考方法:
可以添加 js, 或添加一個(gè) function 用一個(gè)Ajax.
2,現(xiàn)在情況:
原代碼刪除是 HTML表單形式,調(diào)接口的方式; 網(wǎng)上查了一般都是 onclick方式,這怎么辦?
3,本次解決方案:
(1) 更改 href=”” 換成 onclick=”function()” 觸發(fā).
(2) onclick=”function()”中 function() 實(shí)現(xiàn):
(3) 優(yōu)化后代碼如下:
onclick 代碼:
var delHtml = '<a name="trash"style="cursor: pointer" class="glyphicon glyphicon-trash"title="刪除" onclick="confirmDel('+id+')"></a>';
function 函數(shù)如下 :
functionconfirmDel( id) {
var r=confirm("您確定要?jiǎng)h除?")
if (r==true)
{
$.post("/alcf/del",{id:id},function (result) {
window.location.reload();
})
}else {return;}
}
三,【小結(jié)】
圣人有曰:”不怕不知道,就怕不知道!”,先查詢,先去實(shí)踐,在去更改和優(yōu)化,第一次不一定能做到至善至美,但是一定要去先實(shí)踐, 多交流,多溝通, 先站在巨人的肩膀上去成長!
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
layui2.0使用table+laypage實(shí)現(xiàn)真分頁
這篇文章主要為大家詳細(xì)介紹了layui2.0使用table+laypage實(shí)現(xiàn)真分頁，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
關(guān)于BootStrap modal 在IOS9中不能彈出的解決方法(IOS 9 bootstrap modal ios
本文給大家介紹BootStrap modal 在IOS9中不能彈出的問題以及bootstrap datepicker 在bootstrap modal中不顯示問題的解決方案，非常不錯(cuò)，需要的朋友參考下2016-12-12
IE不出現(xiàn)Flash激活框的小發(fā)現(xiàn)的js實(shí)現(xiàn)方法
IE不出現(xiàn)Flash激活框的小發(fā)現(xiàn)的js實(shí)現(xiàn)方法...2007-09-09
H5實(shí)現(xiàn)中獎(jiǎng)記錄逐行滾動(dòng)切換效果
這篇文章主要為大家詳細(xì)介紹了H5實(shí)現(xiàn)中獎(jiǎng)記錄逐行滾動(dòng)切換效果，利用定時(shí)器實(shí)現(xiàn)中獎(jiǎng)記錄逐行展示，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
發(fā)現(xiàn)我JS真的還有很多要學(xué)，下面只是我的練習(xí)作品，代碼很多是網(wǎng)上的。2008-07-07
JS向上取整、向下取整、四舍五入、取絕對值、取較大較小值及隨機(jī)數(shù)代碼示例
在Js中對數(shù)值進(jìn)行操作的場景有,向上取整、向下取整、四舍五入、固定精度、固定長度、取整,這篇文章主要給大家介紹了關(guān)于JS向上取整、向下取整、四舍五入、取絕對值、取較大較小值及隨機(jī)數(shù)的相關(guān)資料,需要的朋友可以參考下2024-04-04
通過js控制時(shí)間,一秒一秒自己動(dòng)的實(shí)例
下面小編就為大家?guī)硪黄ㄟ^js控制時(shí)間,一秒一秒自己動(dòng)的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
javascript 解析后的xml對象的讀取方法細(xì)解
2009-07-07
js+html獲取系統(tǒng)當(dāng)前時(shí)間
這篇文章主要為大家詳細(xì)介紹了javascript html獲取系統(tǒng)當(dāng)前時(shí)間，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
JavaScript實(shí)現(xiàn)強(qiáng)制重定向至HTTPS頁面
這篇文章主要介紹了JavaScript實(shí)現(xiàn)強(qiáng)制重定向至HTTPS頁面,本文講解如何用JS實(shí)現(xiàn)HTTP重定向HTTPS或者HTTPS跳轉(zhuǎn)到HTTP,需要的朋友可以參考下2015-06-06