Zu lehren mich Javascript, ich versuche, eine Web-Seite zu machen, die den Benutzern eine Liste von Elementen (zB Lebensmittel) gibt, bittet sie, diese Lebensmittel zu sortieren von Favorit wenigsten, und senden die Daten, wenn sie fertig sind. jQuery sortables Mit scheint wie ein guter Weg, dies zu tun. Allerdings bin ich mir nicht sicher, wie die Datenübermittlung passieren sollte.
Hier ist, was ich denke. Jede dieser Lebensmittel würden in einem div wie folgt aus:
<div id=sortable>
<div id=1 class=foods>Pizza</div>
<div id=2 class=foods>Sushi</div>
<div id=3 class=foods>Taco</div>
</div>
Wenn der Benutzer eine Schaltfläche „Senden“ klickt, mag ich die Reihenfolge dieser Elemente bestimmt werden, und für diese Bestellung an den Server gesendet werden sollte zurück (übrigens, ich bin mit Django auf der Server-Seite). Es scheint, dass ich die Reihenfolge der Elemente mit einer Funktion wie diese bestimmen kann:
function getOrder()
{
var foods = $(.foods);
var ids = [];
for(var x=0; x<foods.length; x++)
{
ids.push(foods[x].id);
}
return ids;
}
Allerdings bin ich auf ein paar Dinge fest:
- Wo in meinem Code würde ich nenne diese Funktion? Ich denke, es wäre eine Onclick Aktion sein, wenn der Benutzer die Submit-Button drückt, aber ich bin mir nicht sicher, wo die Daten der Funktion zurückzuübergeben bekommen würde.
- Welches Format wäre die am besten geeignet für diese Bestellung an den Server gesendet (zB JSON)?
(Ich weiß, dass dies eine wirklich grundlegende Frage ist, aber ich habe noch nie eine Webseite mit JavaScript gemacht, so dass dieser Bereich der Programmierung ist alles neu für mich.)