欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript怎樣在刪除前添加確認彈出框?

 更新時間：2019年05月27日 14:24:36   作者：何新生-功夫熊貓  
這篇文章主要介紹了怎樣在刪除前添加確認彈出框?下面小編帶大家來學習一下

一,【前言】

最近架構組開發(fā)的”異常監(jiān)控平臺”,雖說是公司內部基礎研發(fā)部業(yè)務組上百人用的一個系統(tǒng),但是對一下體驗度的提升還是要的,例如,刪除是直接刪除還是刪除之前有一個確認彈出框比較好呢?

答案當然是有確認提示框好,這樣可以避免誤刪.

二,【詳情】 

1,思考方法:

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

2,現(xiàn)在情況:

原代碼刪除是 HTML表單形式,調接口的方式;  網(wǎng)上查了一般都是 onclick方式,這怎么辦?

3,本次解決方案:

(1)  更改 href=”” 換成 onclick=”function()” 觸發(fā).

(2)  onclick=”function()”中 function() 實現(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("您確定要刪除?")
if (r==true)
{
$.post("/alcf/del",{id:id},function (result) {
window.location.reload();
})
}else {return;}
}

三,【小結】     

圣人有曰:”不怕不知道,就怕不知道!”,先查詢,先去實踐,在去更改和優(yōu)化,第一次不一定能做到至善至美,但是一定要去先實踐, 多交流,多溝通, 先站在巨人的肩膀上去成長!

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關文章

最新評論