应用场景:应用场景:
用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。HTML:HTML:
{#评论成功提示#}

{#评论成功提示#}
js:js:
// 评论成功提示定时器
// 定一定时器函数
function showSuccessMsg() {

$('.popup_con').fadeIn('fast', function () {

setTimeout(function () {

$('.popup_con').fadeOut('fast', function () {

});

}, 2000)

});
}

// 提交评论
$("#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", // 传给后端的数据类型

dataType: "json", // 接收后端的数据类型

success: function (resp) {

if (resp.error == 'OK') {

showSuccessMsg();

{#alert('评论成功');#}

$('#comment').val(''); //清空评论框

} else {

alert('评论失败');

}

}

})

})
// 评论成功提示定时器
// 定一定时器函数
function showSuccessMsg() {

$('.popup_con').fadeIn('fast', function () {

setTimeout(function () {

$('.popup_con').fadeOut('fast', function () {

});

}, 2000)

});
}

// 提交评论
$("#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", // 传给后端的数据类型

dataType: "json", // 接收后端的数据类型

success: function (resp) {

if (resp.error == 'OK') {

showSuccessMsg();

{#alert('评论成功');#}

$('#comment').val(''); //清空评论框

} else {

alert('评论失败');

}

}

})

})以上就是本文的全部内容,希望对大家的学习有所帮助。