jQuery sur le succès, le rechargement de la page, puis ajouter?

J'ai le code suivant:

$.ajax({
        type: 'GET',
        url: 'edit_slides.php',
        data: { user_id: user_id },
        success: function() { 
            location.reload(); 
            $('#messageContent').append('<p>success</p>'); 
        }
    });

Ce qui se passe maintenant, c'est qu'il ajoute et puis recharge très rapide donc il perd le message.

Maintenant, je ne pouvais sortir de le recharger et il ajoutera, mais pour que mes modifications prennent effet, la page a besoin d'être rechargé.

Est-il autre chose que je peux faire? Je veux afficher un message de réussite après le rechargement de la page.

Merci!

OriginalL'auteur Drew | 2012-01-11

  1. 5

    location.reload() permettra de recharger votre page, ce qui crée une nouvelle demande de votre serveur et le navigateur charge la réponse. Vous pouvez ajouter un paramètre à la chaîne de requête pour le message, par exemple

    $.ajax({
        type: 'GET',
        url: 'edit_slides.php',
        data: { user_id: user_id },
        success: function() { 
            window.location = "?message=success";
        }
    });

    Ensuite dans le code côté serveur, vous pouvez afficher le message si le paramètre existe. Dans ASP.NET MVC, il devrait ressembler à ceci:

    @if(Request["message"] == "success")
{
    <p>success</p>
}

    Si vous n'avez pas de scripts côté serveur disponible, vous pouvez également analyser la chaîne de requête avec javascript.

    parfait, ça devrait fonctionner à merveille! merci pour votre aide 🙂

    OriginalL'auteur jrummell

  2. 1

    Vous pouvez avoir un certain délai avant de recharger la page. Essayez cette

    $.ajax({
        type: 'GET',
        url: 'edit_slides.php',
        data: { user_id: user_id },
        success: function() { 
            $('#messageContent').append('<p>success</p>'); 
            setTimeout(function(){
               location.reload(); 
            }, 500);
        }
    });
    500ms ne serait pas vraiment donner à l'utilisateur une quantité suffisante de temps pour lire le message.

    OriginalL'auteur ShankarSangoli

  3. 1

    L'envoyer à un endroit, mais avec un hash de l'url pour indiquer un succès:

    $.ajax({
    type: 'GET',
    url: 'edit_slides.php',
    data: { user_id: user_id },
    success: function() { 
        window.location = window.location + "#success";
    }
});

    Maintenant, quand la page se charge, vérifier le hash:

    $(document).ready(function(){
    if(window.location.hash) {
        $("#messageContent").append("<p>success</p>");
    }

    OriginalL'auteur doogle