JS定时器如何实现提交成功提示功能
2020-06-20 11:48
761 查看
应用场景:
用户评论后,在合适位置弹出“评论成功”,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('评论失败'); } } }) })
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- 如何才能实现文本框的自动提示功能呢
- 如何通过QQ机器人技术实现禅道bug的自动提交功能
- PHP网站提交表单如何实现验证码验证功能
- 【腾讯云搜分享】如何实现搜索智能联想(搜索下拉提示)功能
- 如何在asp.net中用jQuery实现便捷的提示功能和表单验证功能
- 如何在asp.net中用jQuery实现便捷的提示功能和表单验证功能
- 关于PHP如何用实现防止用户在浏览器上使用后退功能重复提交输入
- 如何去实现网上填写调查表自动提示填写出错的功能?
- 如何实现简单的自动提示(autocomplete)填充搜索功能java代码。
- Eclipse如何让Java代码和xml代码实现自动提示功能
- 如何在asp.net中用jQuery实现便捷的提示功能和表单验证功能
- 如何j2ME中想用Timer和TimeTask来实现提示信息功能?
- 如何实现织梦dedecms表单提交时发送邮箱功能【已解决】
- 关于android程序自动更新功能的实现,如何去除安装提示
- 如何在asp.net中用jQuery实现便捷的提示功能和表单验证功能-S.Sams
- 实现用户注册功能:用servlet验证提交的数据是否合法,不合法返回注册页面,并提示出错。
- 在Asp.net中如何实现弹出提示对话框
- Email编程如何实现“代表发送”的功能?
- ASP小偷程序如何利用XMLHTTP实现表单的提交以及cookies或session的发送
- DWR使用:文字提示功能实现、简易聊天室