javascript - Utiliser jquery pour implémenter les lignes du tableau après avoir été épinglées en haut, comment interagir avec l'arrière-plan à l'aide d'ajax tout en conservant la position actuelle après l'actualisation?

Question

Comme indiqué dans le titre, il y a un bouton en haut après chaque ligne. Cliquez pour rester en haut. En raison du délai d'actualisation automatique et de réobtention des données, la position supérieure ne peut pas être conservée après. chaque rafraîchissement

Code :

$(".top").click(function(){ 
        var $tr = $(this).parents("tr"); 
        $tr.fadeOut().fadeIn();
        $("tbody").prepend($tr); 
        $(this).css({"color":"red","font-weight":"bold"});
}); 

En fait, cette partie du code n'a aucun effet sur la résolution du problème. Je veux principalement savoir comment interagir avec l'arrière-plan ou affecter les variables globales au premier plan, afin de conserver la première position actuelle

Answer 1

Vous devez vérifier si votre épingle est permanente ou temporaire !

• Si elles sont épinglées de manière permanente, alors vos données doivent être stockées dans la base de données, et il y a un champ pour identifier si les données sont épinglées. Lors de la liaison au front-end, ces données peuvent être jugées par l'identifiant. que ce soit en haut ou non, le front-end n'a pas du tout besoin de considérer ce problème, n'est-ce pas ? Vous affichez simplement cette partie des données sur le front-end.

• Si votre code PIN n'est que temporaire, vous pouvez obtenir une certaine colonne de données dans la ligne de données du code PIN comme identifiant avant chaque demande de données ajax (cela dépend de vous, mais la valeur de cette colonne doit être unique), et puis demandez des données ajax lors de la liaison, utilisez l'identifiant que vous avez stocké et les données demandées pour juger si elles sont égales, placez les données redirigées en haut. (J'ai l'impression que cela ne sert à rien d'écrire ce genre d'épingle, car vous seul pouvez voir ce type de données d'épingle. C'est inutile si vous fermez la page. Après tout, ce n'est pas permanent)

Answer 2

Demandez directement à votre backend d'écrire une interface. Lorsque vous cliquez sur l'épingle, transmettez l'ID de ces données au backend, puis laissez le backend le mettre en file d'attente avec le premier élément de données et vous le renvoyer, de sorte que même si il y a un délai d'attente défini, ce que vous recevrez sera le même. Les données après l'avoir épinglé

.