JavaScript怎樣在刪除前添加確認(rèn)彈出框?
一,【前言】
最近架構(gòu)組開(kāi)發(fā)的”異常監(jiān)控平臺(tái)”,雖說(shuō)是公司內(nèi)部基礎(chǔ)研發(fā)部業(yè)務(wù)組上百人用的一個(gè)系統(tǒng),但是對(duì)一下體驗(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í)踐, 多交流,多溝通, 先站在巨人的肩膀上去成長(zhǎng)!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript實(shí)現(xiàn)QQ空間相冊(cè)展示源碼
本文給大家分享基于javascript制作的qq空間相冊(cè)展示效果,涉及到html\css布局思維,浮動(dòng)定位詳解,具體實(shí)現(xiàn)代碼大家參考下本文2017-12-12動(dòng)態(tài)加載css方法實(shí)現(xiàn)和深入解析
本文主要介紹了動(dòng)態(tài)加載css的方法實(shí)現(xiàn)和深入解析。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01JS如何實(shí)現(xiàn)form表單登錄驗(yàn)證并使用MD5加密詳解
表單驗(yàn)證為終端用戶檢測(cè)無(wú)效的數(shù)據(jù)并標(biāo)記這些錯(cuò)誤,是一種用戶體驗(yàn)的優(yōu)化,下面這篇文章主要給大家介紹了關(guān)于JS如何實(shí)現(xiàn)form表單登錄驗(yàn)證并使用MD5加密的相關(guān)資料,需要的朋友可以參考下2023-06-06編寫(xiě)高質(zhì)量JavaScript代碼的基本要點(diǎn)
編寫(xiě)高質(zhì)量JavaScript代碼的基本要點(diǎn)分享給大家,感興趣的小伙伴們可以參考一下2016-03-03js使用visibilitychange處理頁(yè)面關(guān)閉事件
本文主要介紹了js使用visibilitychange處理頁(yè)面關(guān)閉事件,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06詳解微信小程序-canvas繪制文字實(shí)現(xiàn)自動(dòng)換行
這篇文章主要介紹了微信小程序canvas繪制文字實(shí)現(xiàn)自動(dòng)換行,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04Javascript 實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)
這篇文章主要介紹了Javascript 實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)的相關(guān)資料,需要的朋友可以參考下2014-12-12js 右側(cè)浮動(dòng)層效果實(shí)現(xiàn)代碼(跟隨滾動(dòng))
因?yàn)轫?xiàng)目上有這樣的需求,在網(wǎng)上也查了些東西,之前是想找個(gè)差不多類似的套用一下。后來(lái)發(fā)覺(jué)沒(méi)有合適的,因時(shí)間緊迫就自己動(dòng)手寫(xiě)了一個(gè)簡(jiǎn)單的 ,示例代碼如下 兼容火狐和IE7+2015-11-11