jQuery fadeIn div после перезагрузки страницы

Question

У меня есть форма, которая хранит данные пользователя через вызов ajax.

При успешном завершении я обычно сбрасываю div с успешным сообщением. Однако я хочу перезагрузить страницу, чтобы обновить страницу, а затем исчезнуть в сообщении об успешном завершении.

Я использовал .load(), чтобы обновить div, а затем переключить форму, чтобы скрыть себя и т. Д. Но .load приводил к тому, что некоторые другие скрипты js не работали после того, как они были вызваны и т. Д., Так что теперь я собираюсь просто перезагрузить страницу.

Однако я хочу показать сообщение об успешном завершении после того, как страница была перезагружена.

Это пример:

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

Doesnt в настоящее время работают, но любая помощь в том, как я могу делать то, что я хочу?

Спасибо, Крэйг.

Answer 1

Вместо простой перезагрузки вы могли бы послал GET переменную с перезагрузкой, а затем проверить, если переменная GET существует показать сообщение об успехе, если нет, то ничего не делать

я делаю то же самое, так это то, как я это:

Intead из reload() я:

window.location.href = document.location.protocol + "//" + document.location.hostname + document.location.pathname + «успех = 1' ;

Тогда в моем PHP скрипт я условный вывод:

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