Ajax 显示引导程序警报框 1 次答案

【问题标题】：Ajax show bootstrap alert box 1 timeAjax 显示引导程序警报框 1 次
【发布时间】：2020-12-07 04:42:51
【问题描述】：

现在我可以显示警告框，根据我每次按提交，警告框不断增加。我希望它只显示一次。

    $('.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>

【问题讨论】：

$("#error-box").empty()?或者使用html() 而不是append()
是的，我使用 append()
是的，但这会添加到现有内容中...html() 替换现有的

标签： javascript ajax alert

【解决方案1】：

你可以这样做

 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();

【讨论】：

【解决方案2】：

您可以使用模态。

<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');

【讨论】：