如何解决Ajax show bootstrap alert box 1次
现在,我可以显示警报框,根据我每按一次提交,警报框会不断增加。我只希望显示一次。
js
$('.form-ajax').on('submit',function(e){
e.preventDefault();
var form = $(this);
var url = form.attr('action');
var method = form.attr('method');
var data = form.serialize();
var callback = form.attr('callback');
if(typeof callback !=='string'){
callback = function(response){
$("#error-box").append('<div class="alert alert-success alert-block">'+'<button
type="button" class="close" data-hide-closest=".alert" data-
dismiss="alert">×</button>'+'<strong>'+response.message+'</strong>'+'</div>');
if(typeof response.url ==='string' && response.url!=''){
window.location.href=response.url;
}else{
}
}
}
Helper.ajax (url,method,data,callback)
});
观看次数:
<div id="error-box">
</div>
解决方法
您可以这样做
Let popup = $(<div id="error-box"></div>);
//Append popup were you like and when you are done just remove this from dome elements.
$(selector).append(popup);
//When u r done
popup.remove();
,
您可以使用模态。
<div class="modal hide" id="myModal" >
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Error</h3>
</div>
<div class="modal-body">
Your error message here.
</div>
<div class="modal-footer">
</div>
</div>
当您需要显示它时。
$('#myModal').modal('show');
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。