Comment puis-je utiliser jQuery UI Sortable pour enregistrer l'ordre des éléments dans une base de données ?

Utiliser jQuery UI Sortable pour enregistrer la commande dans la base de données

Permettre aux utilisateurs de réorganiser les éléments et d'enregistrer leur commande dans une base de données est une tâche courante dans de nombreuses applications Web. Ceci peut être facilement réalisé à l'aide du plugin jQuery UI Sortable.

Pour implémenter cette fonctionnalité :

1. Initialiser Sortable :

   $('#element').sortable({
       axis: 'y',  // Restrict movement vertically (or 'x' for horizontal)
       update: function (event, ui) {
           // Triggered when the order changes
       }
   });

2. Sérialiser et publier Données :
   Dans le rappel de mise à jour, sérialisez l'ordre des éléments à l'aide de la méthode de sérialisation intégrée :

   var data = $(this).sortable('serialize');

   Utilisez la méthode AJAX de jQuery pour envoyer les données sérialisées vers un serveur. URL de traitement :

   $.ajax({
       data: data,
       type: 'POST',
       url: '/your/url/here'
   });

3. Mettre à jour la base de données sur Côté serveur :
   Côté serveur, vous pouvez capturer les données POST et analyser la commande sérialisée :

   par exemple, en PHP :

   foreach ($_POST['item'] as $id) {
       // Execute SQL statement to update position for element with ID = $id
   }

En suivant ces étapes, vous pouvez facilement permettre aux utilisateurs de définir l'ordre des éléments et de conserver automatiquement ces modifications dans votre base de données.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!