重新加载页面后显示警报

Question

我已经尝试过此功能，但是它显示alert，然后刷新表格。我想要刷新页面然后显示alert的内容。我该怎么办？

 $(document).on('click', '#insert', function(){
   var address = $('#to_address').val();
    var amount  =  $('#amount').val();
    var this_email  =  $('#this_email').val();
    var this_bal  =  $('#this_bal').val();
   if(address != '' && amount != '' && this_email != '' && this_bal != '' )
   {
    $.ajax({
     url:"WithdrawChk.php",
     method:"POST",
     data:{address:address, amount:amount, this_email:this_email, this_bal:this_bal},
     success:function(data)
     {
      $('#alert_message').html('<div class="alert-success">'+data+'</div>');
     }
    });
    setInterval(function(){
     $('#alert_message').html('');
    }, 5000);
   }
   else
   {
    alert("All Fields are required");
   }
  });

Answer 1

您可以做这样的事情

        success: function(data) {
          window.sessionStorage.setItem("successData" , JSON.stringify(data));
          window.location.reload();            
       }

$(document).ready(function(){
    if(window.sessionStorage.getItem("successData")){
      $('#alert_message').html('<div class="alert-success">' + JSON.parse(window.sessionStorage.getItem("successData")) + '</div>');             
}
})

请确保在ajax调用之前清除会话存储。而且您只能在本地或会话存储中存储字符串值，因此您必须对json对象进行字符串化以将其存储在会话存储中，然后，如果要使用它，则必须对其进行解析。

Answer 2

根据Rorys的建议，您可以将数据存储在localStorage中，并检查jQuery页面就绪函数中是否存在该数据。

 var localStorage = window.localStorage;

 $(function(){
        var data = localStorage.getItem("data");
        if(data !== null){
            $('#alert_message').html('<div class="alert-success">' + JSON.parse(data) + '</div>');
            localStorage.removeItem("data");
        }
 });


  success: function(data) {
      localStorage.setItem("data", JSON.stringify(data);
      window.location.reload();
  }