JS定時(shí)器如何實(shí)現(xiàn)提交成功提示功能
更新時(shí)間：2020年06月12日 11:59:12 作者：路癡隊(duì)長(zhǎng)
這篇文章主要介紹了JS定時(shí)器如何實(shí)現(xiàn)提交成功提示功能,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
應(yīng)用場(chǎng)景：
用戶(hù)評(píng)論后，在合適位置彈出“評(píng)論成功”，2秒鐘后自動(dòng)消失，提示用戶(hù)評(píng)論成功。
HTML:
{#評(píng)論成功提示#}
<div class="popup_con" style="display: none; margin-left: 300px">
<div class="popup" >
<p style="color: red; font-size: 16px">評(píng)論成功！</p>
</div>
<div class="mask"></div>
</div>
js:
// 評(píng)論成功提示定時(shí)器
// 定一定時(shí)器函數(shù)
function showSuccessMsg() {
$('.popup_con').fadeIn('fast', function () {
setTimeout(function () {
$('.popup_con').fadeOut('fast', function () {
});
}, 2000)
});
}
// 提交評(píng)論
$("#form_comment").submit(function (event) {
event.preventDefault();
var comment = $('#comment').val();
var data = {
"comment": comment
};
$.ajax({
url: "/task_mgm/taskinfo_comment=" + taskId,
type: "POST",
data: JSON.stringify(data),
contentType: "application/json", // 傳給后端的數(shù)據(jù)類(lèi)型
dataType: "json", // 接收后端的數(shù)據(jù)類(lèi)型
success: function (resp) {
if (resp.error == 'OK') {
showSuccessMsg();
{#alert('評(píng)論成功');#}
$('#comment').val(''); //清空評(píng)論框
} else {
alert('評(píng)論失敗');
}
}
})
})
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
js實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)表格行變色的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)表格行變色的方法,涉及javascript表格節(jié)點(diǎn)樣式及鼠標(biāo)事件的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
最近做項(xiàng)目的時(shí)候碰到一個(gè)問(wèn)題： 在js里面使用window.close()，IE下工作正常，但是FireFox下有時(shí)可以，有時(shí)不行。2008-12-12
一文教你學(xué)會(huì)用JS實(shí)現(xiàn)圖片懶加載功能
圖片懶加載是日常開(kāi)發(fā)會(huì)經(jīng)常使用的一個(gè)功能,但是在日常中可能使用v-lazy便直接實(shí)現(xiàn)了圖片懶加載,但是本文將通過(guò)原生js來(lái)實(shí)現(xiàn)一下圖片懶加載的功能，感興趣的同學(xué)跟著小編一起來(lái)看看吧2023-07-07
這篇文章主要介紹了js對(duì)象基礎(chǔ),以實(shí)例形式分析了js對(duì)象的創(chuàng)建、讀取及遍歷等技巧,需要的朋友可以參考下2015-01-01
這篇文章介紹了JS簡(jiǎn)單的圖片放大縮小的兩種方法，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了微信小程序之事件交互操作,結(jié)合實(shí)例形式分析了微信小程序事件響應(yīng)、交互及界面布局等相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-12-12
ant design中實(shí)現(xiàn)table的表格行的拖拽
這篇文章主要介紹了ant design中實(shí)現(xiàn)table的表格行的拖拽，文章圍繞table表格行拖拽實(shí)現(xiàn)的相關(guān)資料展開(kāi)詳細(xì)的代碼內(nèi)容，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-03-03
這篇文章主要介紹了js正則表達(dá)式/replace替換變量方法 ,最近項(xiàng)目任務(wù)繁重，更新博客會(huì)較慢，不過(guò)有時(shí)間希望可以把自己的積累分享出來(lái)，需要的朋友可以參考下2016-05-05
今天希望實(shí)現(xiàn)一個(gè)，直接在網(wǎng)頁(yè)上選中文本，點(diǎn)擊收藏夾的鏈接（javascript）即可彈出新窗口（類(lèi)似“百度搜藏”和“QQ書(shū)簽”），新窗口中的文本框即顯示了選中的文本。2008-12-12
用Javascript評(píng)估用戶(hù)輸入密碼的強(qiáng)度（Knockout版）
早上看到博友6點(diǎn)多發(fā)的一篇關(guān)于密碼強(qiáng)度的文章（連接），甚是感動(dòng)（周末大早上還來(lái)發(fā)文）2011-11-11