javascript - problème de tri ajax

Question

C'est le formulaire que je boucle en lisant la base de données

Maintenant, je veux trier en cliquant sur le nom, le sexe et la famille. Comment dois-je écrire ceci en ajax ?

Answer 1

Si le nombre de données est particulièrement important, il est fortement recommandé d'utiliser le plug-in dataTables. Ce plug-in est assez complet pour afficher des données dans des tableaux. Les problèmes comme le tri sont des problèmes mineurs.

Answer 2

Vous avez tellement de problèmes avec un seul projet, est-ce un stage ? Il s'agit d'un projet de fin d'études...
1. Pour obtenir des données triées avec ajax, au moins deux champs supplémentaires sont nécessaires, l'un est le champ qui doit être trié et l'autre est desc ou asc
2 Puisque le tri ne l'est pas. défini au début, le tri par défaut est requis, généralement id desc.
3. Pour éviter les erreurs de requête au niveau du système causées par des problèmes avec les paramètres de tri transmis, vous devez vérifier les paramètres, vérifier si le champ existe dans la table ou si le champ est configuré pour être trié. Utilisez l'opérateur ternaire pour définir si le tri est de petit à grand ou de grand à petit

Le front-end lie un événement de clic à celui de chaque tête, et celui-ci doit avoir deux attributs, le champ d'attribut et la méthode de tri

Answer 3

ajax demande simplement les données du backend, transmet la méthode de tri souhaitée au backend en tant que paramètres, puis le backend interroge et renvoie les données à afficher.

Answer 4

Cela n'a rien à voir avec ajax, les résultats du tri sont générés en arrière-plan.

Vous pouvez soumettre le nom du champ + la méthode de tri au backend en utilisant ajax, et le backend affichera le json trié, puis le mettra à jour dans le dom.

La réception peut également trier la table actuelle en parcourant la table actuelle.

Answer 5

dataTables Ce plugin peut le faire. Vous pouvez aller sur le site officiel pour voir les exemples. Le fonctionnement est également très pratique et la fonction est très puissante

.

Answer 6

Une solution consiste à utiliser des frameworks mvvm tels que vue et réagir, et l'autre est de revenir au client après tri sur le serveur en ajustant différentes interfaces. Recommandez la première option

Answer 7

Pour le tri local, il vous suffit d'utiliser l'algorithme pour comparer les données obtenues Référence : /a/11... La seconde moitié.
Sinon, tout comme Datatables, donnez simplement des instructions et obtenez les données en arrière-plan.
Cependant, je suppose que vous souhaitez un tri côté client. PS : j’ai déjà utilisé le plug-in Datatables. Il existe de nombreuses API pour implémenter vos fonctions. Je pense que c’est excessif et peut prendre plus de temps. Datatables a un site Web chinois, mais l'introduction n'est pas très détaillée.

Answer 8

Si vous utilisez jquery, vous pouvez utiliser le plug-in jquery tablesort, voir les instructions : http://blog.csdn.net/classicb...

Answer 9

Si vous sentez qu'il n'y a pas de pagination, utilisez simplement le .sort() de js. Supprimez la table et régénérez-la à chaque fois. Si vous souhaitez être plus efficace, il est préférable de trouver une bibliothèque de modèles html, comme doT.js.