Javascript 重新加载页面后显示警报

Javascript 重新加载页面后显示警报,javascript,jquery,html,Javascript,Jquery,Html,我尝试过此功能,但它会显示警报,然后刷新表单。我想要刷新页面,然后显示警报的东西。我该怎么做 $(document).on('click', '#insert', function(){ var address = $('#to_address').val(); var amount = $('#amount').val(); var this_email = $('#this_email').val(); var this_bal = $('#thi

我尝试过此功能,但它会显示
警报
,然后刷新表单。我想要刷新页面,然后显示
警报的东西。我该怎么做

 $(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");
   }
  });
$(文档).on('单击','插入',函数()){
var address=$('to#u address').val();
变量金额=$(“#金额”).val();
var this_email=$('this_email').val();
var this_bal=$('this_bal').val();
如果(地址!=''&&amount!=''&&this\u email!=''&&this\u bal!='')
{
$.ajax({
url:“drawchk.php”,
方法:“张贴”,
数据:{地址:地址,金额:金额,这封邮件:这封邮件,这封邮件:这封邮件},
成功:功能(数据)
{
$('#警报信息').html(''+数据+'');
}
});
setInterval(函数(){
$('#警报信息').html('');
}, 5000);
}
其他的
{
警报(“所有字段均为必填项”);
}
});

根据Rorys的建议,您可以将数据存储在localStorage中,并在jQuery page ready函数中检查数据是否存在

 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();
  }
var localStorage=window.localStorage;
$(函数(){
var data=localStorage.getItem(“数据”);
如果(数据!==null){
$('#alert_message').html(''+JSON.parse(data)+'');
localStorage.removietem(“数据”);
}
});
成功:功能(数据){
setItem(“数据”,JSON.stringify(数据);
window.location.reload();
}

您可以这样做

        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>');             
}
})
成功:函数(数据){
setItem(“successData”,JSON.stringify(data));
window.location.reload();
}
$(文档).ready(函数(){
if(window.sessionStorage.getItem(“successData”)){
$('#警报消息').html(''+JSON.parse(window.sessionStorage.getItem(“successData”))+'';
}
})

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

只要
重新加载()
被称为不再执行JS。要在重新加载页面后发生某些事情,您需要通过cookie、localStorage、querystring等设置页面的状态以显示页面。还要注意,在发出AJAX请求后重新加载页面会使整个AJAX点变得多余。我不确定您为什么在文档中这样做t ready函数,数据将
未定义
,因为您没有将其保存在任何地方。@Steve在document ready函数中,由于条件的原因,它甚至不会进入if循环。只有设置后,它才会进入if循环,对于数据部分,让我编辑答案以显示数据部分。然后,页面将刷新第行
window.location.reload()
而且数据将如我所说的那样是未定义的。即使在这之后,数据的作用域也仅限于success函数,无法访问document ready。@Steve,是的,我错过了数据部分。我只是在写他如何在重新加载页面后显示警报。谢谢你指出。我已经编辑了我的答案,希望它现在是正确的我正在编辑我的帖子并添加整个javascript函数。请看一看。我不明白你们在说什么