Comment passer un message personnalisé d'une page à une autre en utilisant jquery?

Question

Je travaille sur la construction d'un catalogue de cadeaux pour mon organisation, et j'ai besoin de montrer une mise à jour à l'écran si quelqu'un a ajouté un article à son panier. Lorsque quelqu'un consulte le catalogue, il commence à la PAGE A, puis choisit un article et passe à la PAGE B pour choisir la quantité et ajouter au panier. Lorsqu'ils s'ajoutent au panier, un événement jquery .click() renvoie l'utilisateur à la page du catalogue d'origine afin qu'ils puissent continuer à parcourir les éléments.

Ce que je veux faire est d'écrire un message en haut du catalogue qui confirme que l'article des utilisateurs a été ajouté avec succès à leur panier. Actuellement, les éléments sont ajoutés, mais les utilisateurs ne reçoivent aucune notification.

J'ai un tag de paragraphe mis en place avec l'ID de #add_to_cart où je veux écrire le message personnalisé "Votre cadeau a été ajouté au panier avec succès!"

Si l'utilisateur devait rester sur la page, alors je pourrais utiliser $("#add_to_cart").html("Your gift has been successfully added to the cart!"); et il n'y aurait pas de problème. Je suis perplexe cependant parce que les utilisateurs viennent de PAGE B retour à PAGE A

Toute aide serait appréciée.

Answer 1

Si vous générez toutes vos pages, c'est assez simple. Sur la page A, ayez un espace réservé dans votre modèle (ou une branche dans votre PHP, etc.) qui sera seulement rempli si une certaine variable ($ notification) n'est pas nulle. Lorsque vous traitez l'entrée de la page B, C, D, etc., vous pouvez choisir de mettre $ notification à un message avant de rendre la page A. (Remarque, je fais référence au traitement du serveur, pas Javascript ici).

Si vous redirigez simplement et si le même processus qui gère la page B ne génère pas la page A, c'est un peu plus compliqué puisque vous essayez de transmettre un état. Vous pouvez mettre certains paramètres dans l'URL qui seront ensuite mappés aux messages imprimés. Mais j'aime mieux la solution ci-dessus.