Wie bleiben Änderungen, die mit der jQuery-Benutzeroberfläche vorgenommen wurden, in einer Datenbank sortierbar?

Sortierbar in der jQuery-Benutzeroberfläche: Reihenfolgeänderungen an einer Datenbank beibehalten

Wenn die Sortierfunktion der jQuery-Benutzeroberfläche verwendet wird, um Benutzern das Neuanordnen von Elementen zu ermöglichen, ist dies häufig der Fall Es empfiehlt sich, die neue Bestellung in einer Datenbank zu speichern. So erreichen Sie dies:

Die Sortierfunktion der jQuery-Benutzeroberfläche bietet für diesen Zweck eine Serialisierungsmethode. Es erstellt ein Array von Elementen anhand ihrer IDs. Zum Beispiel eine Liste wie diese:

<code class="html"><ul id="sortable">
  <li id="item-1"></li>
  <li id="item-2"></li>
  ...
</ul></code>

Wenn die Serialisierungsmethode ausgelöst wird, erzeugt sie eine POST-Abfragezeichenfolge wie diese:

item[]=1&item[]=2

Angenommen, die ID jedes Elements entspricht der Datenbank ID können Sie das POSTed-Array durchlaufen und die Positionen der Elemente in der Datenbank aktualisieren.

Hier ist ein Beispiel in PHP:

<code class="php">$i = 0;

foreach ($_POST['item'] as $value) {
  // Execute statement:
  // UPDATE [Table] SET [Position] = $i WHERE [EntityId] = $value
  $i++;
}</code>

Um die Serialisierung und Auftragsaktualisierung bei Änderung zu initiieren, Verwenden Sie diesen jQuery-Code:

<code class="javascript">$('#element').sortable({
  axis: 'y',
  update: function (event, ui) {
    var data = $(this).sortable('serialize');

    // POST to server using $.post or $.ajax
    $.ajax({
      data: data,
      type: 'POST',
      url: '/your/url/here'
    });
  }
});</code>

Dieser Code erstellt eine POST-Anfrage mit der aktualisierten Bestellung und sendet sie an die angegebene URL.

Das obige ist der detaillierte Inhalt vonWie bleiben Änderungen, die mit der jQuery-Benutzeroberfläche vorgenommen wurden, in einer Datenbank sortierbar?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!