這篇文章將為大家詳細(xì)講解有關(guān)JS定時(shí)器實(shí)現(xiàn)提交成功提示功能的方法，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。
建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁(yè)設(shè)計(jì)師等，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)配合操作的協(xié)同工作。創(chuàng)新互聯(lián)建站專業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站制作(企業(yè)站、響應(yīng)式網(wǎng)站建設(shè)、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗(yàn)的提升,我們力求做到極致!
應(yīng)用場(chǎng)景：
用戶評(píng)論后，在合適位置彈出“評(píng)論成功”，2秒鐘后自動(dòng)消失，提示用戶評(píng)論成功。
HTML:
重慶分公司
重慶分公司
{#評(píng)論成功提示#}
評(píng)論成功！
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ù)類型
dataType: "json", // 接收后端的數(shù)據(jù)類型
success: function (resp) {
if (resp.error == 'OK') {
showSuccessMsg();
{#alert('評(píng)論成功');#}
$('#comment').val(''); //清空評(píng)論框
} else {
alert('評(píng)論失敗');
}
}
})
})關(guān)于JS定時(shí)器實(shí)現(xiàn)提交成功提示功能的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。
