Question

我有一个通过ajax调用存储用户数据的表单。

一旦成功，我通常会在成功消息中淡入淡出。但是我想重新加载页面以便更新页面，然后淡入成功消息。

我正在使用.load（）更新div，然后切换表单以隐藏自身等。但是.load导致其他一些js脚本在调用之后无法工作等所以现在我要去只需重新加载页面。

但是，我希望在重新加载页面后显示成功消息div。

这是一个例子：

    if (check) {
    $.ajax({
    type: "POST",
    url: "process/updateuserpref.php",
    data: $('.updatepref').serialize(),
    dataType: "json",
    success: function(response){

    if (response.updatePrefSuccess) {
        location.reload();
        $('#successdisplay').fadeIn(1000);
        $('#successdisplay').delay(2500).fadeOut(400);
    }

    }
    });
    }

我明白知道了

     $('#successdisplay').fadeIn(1000);
     $('#successdisplay').delay(2500).fadeOut(400);

目前没有工作，但对我如何做我想做的任何帮助？

谢谢，克雷格。

Answer 1

而不是简单的重新加载，你可以发送一个带有重载的GET变量，然后检查GET变量是否存在显示成功消息，如果没有，则不执行任何操作

我做同样的事情，所以我就是这样做的：

我做reload()的内容：

window.location.href = document.location.protocol +“//”+ document.location.hostname + document.location.pathname +'？success = 1';

然后在我的PHP脚本中我做一个条件输出：

<?php if( $isset( $_GET['success'] ) && $_GET[ 'success' ] == 1 )  { ?> 
    <div id="successdisplay">
        Changes performed Successfully
    </div>
<?php }?>

jQuery fadeIn div after page reload

1 个答案: