重新加載頁面后顯示警報

Question

我試過這個 function 但它顯示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 之前清除 session 存儲。 And you can store only string values in the local or session storage so you have to stringify the json object to store it in session storage, and then if you want to use it, you have to parse that.

Answer 2

根據 Rorys 的建議，您可以將數據存儲在 localStorage 中，並檢查它是否存在於 jQuery 頁面就緒 function 上。

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