JavaScript怎樣在刪除前添加確認彈出框?
更新時間：2019年05月27日 14:24:36 作者：何新生-功夫熊貓
這篇文章主要介紹了怎樣在刪除前添加確認彈出框?下面小編帶大家來學習一下
一,【前言】
最近架構組開發(fā)的”異常監(jiān)控平臺”,雖說是公司內部基礎研發(fā)部業(yè)務組上百人用的一個系統(tǒng),但是對一下體驗度的提升還是要的,例如,刪除是直接刪除還是刪除之前有一個確認彈出框比較好呢?
答案當然是有確認提示框好,這樣可以避免誤刪.
二,【詳情】
1,思考方法:
可以添加 js, 或添加一個 function 用一個Ajax.
2,現在情況:
原代碼刪除是 HTML表單形式,調接口的方式; 網上查了一般都是 onclick方式,這怎么辦?
3,本次解決方案:
(1) 更改 href=”” 換成 onclick=”function()” 觸發(fā).
(2) onclick=”function()”中 function() 實現:
(3) 優(yōu)化后代碼如下:
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;}
}
三,【小結】
圣人有曰:”不怕不知道,就怕不知道!”,先查詢,先去實踐,在去更改和優(yōu)化,第一次不一定能做到至善至美,但是一定要去先實踐, 多交流,多溝通, 先站在巨人的肩膀上去成長!
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了微信小程序wx.request攔截器詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07
本文給大家分享基于javascript制作的qq空間相冊展示效果，涉及到html\css布局思維，浮動定位詳解，具體實現代碼大家參考下本文2017-12-12
本文主要介紹了動態(tài)加載css的方法實現和深入解析。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
表單驗證為終端用戶檢測無效的數據并標記這些錯誤,是一種用戶體驗的優(yōu)化,下面這篇文章主要給大家介紹了關于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
因為項目上有這樣的需求，在網上也查了些東西，之前是想找個差不多類似的套用一下。后來發(fā)覺沒有合適的，因時間緊迫就自己動手寫了一個簡單的 ，示例代碼如下 兼容火狐和IE7+2015-11-11