应用场景:
用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。
HTML:
{#评论成功提示#} <div class="popup_con" style="display: none; margin-left: 300px"> <div class="popup" > <p style="color: red; font-size: 16px">评论成功!</p> </div> <div class="mask"></div> </div>
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('评论失败'); } } }) })
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
标签:
JS定时器,提交成功,提示
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“JS定时器如何实现提交成功提示功能”评论...
更新动态
2024年05月08日
2024年05月08日
- 31岁网红俄罗斯娜娜去世 酒后吃醒酒药致噩耗
- 行秋角色攻略,行秋角色定位及阵容推荐
- 行秋角色培养攻略,行秋角色天赋技能分析
- 原神:技术又升级啦?新增角色动作与神态,期待全方面普及
- 林俊杰.2020-幸存者(EP)【华纳】【WAV+CUE】
- 方志耀.1992-给我一点你的爱【飞碟】【WAV+CUE】
- 华晨宇.2015-异类【天娱传媒】【WAV+CUE】
- 月爱解说 王者荣耀一套带走爆发小狐狸妲己攻略
- 吴宇深《时光》[320K/MP3][61.94MB]
- 吴宇深《时光》[FLAC/分轨][86.52MB]
- 张宇《好男人的情歌 精选16首最爱发烧情歌》[WAV+CUE][600MB]
- 原神虹色大巡回第一关攻略 音符补缺打法位置分享
- 王者荣耀五五朋友星活动玩法介绍 规则一览
- 少年西游记2今日全平台公测 真国潮真轻松真福利
- 崩坏星穹铁道2.2光锥怎么抽 崩铁2.2光锥抽取建议