JS定时器如何实现提交成功提示功能
应用场景:
用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。
HTML:
{#评论成功提示#}评论成功!
应用场景:
用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。
HTML:
{#评论成功提示#}评论成功!
js:
//评论成功提示定时器 //定一定时器函数 functionshowSuccessMsg(){ $('.popup_con').fadeIn('fast',function(){ setTimeout(function(){ $('.popup_con').fadeOut('fast',function(){ }); },2000) }); } //提交评论 $("#form_comment").submit(function(event){ event.preventDefault(); varcomment=$('#comment').val(); vardata={ "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('评论失败'); } } }) })
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。