Om mezelf te leren Javascript, probeer ik naar een webpagina die gebruikers een lijst met items (zoals voedsel) geeft, vraagt hen om deze voedingsmiddelen van favoriet om minst favoriete sorteren, en de gegevens in te dienen als ze klaar zijn. Met behulp van jQuery sortables lijkt een goede manier om dit te doen. Maar ik ben niet zeker hoe de indiening van gegevens moet gebeuren.
Hier is wat ik denk. Elk van deze voedingsmiddelen zou zijn in een div als volgt uit:
<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>
Wanneer de gebruiker een knop verzenden klikt, wil ik dat de volgorde van deze items te bepalen, en voor deze ordening terug (door de manier, ik ben met behulp van Django op de server) om te worden verzonden naar de server. Het lijkt erop dat ik kan de volgorde van de items met een functie als dit te bepalen:
function getOrder()
{
var foods = $(.foods);
var ids = [];
for(var x=0; x<foods.length; x++)
{
ids.push(foods[x].id);
}
return ids;
}
Echter, ik zit vast op een paar dingen:
- Waar in mijn code zou ik noem deze functie? Ik denk dat het zou een onclick actie als de gebruiker op de verzendknop drukt, maar ik ben niet zeker waar de gegevens van de functie terugkeert zou krijgen doorgegeven.
- Welk formaat zou het meest geschikt voor het verzenden van deze ordening naar de server (bv JSON) zijn?
(Ik weet dat dit is echt een fundamentele vraag, maar ik heb nooit een webpagina met JavaScript vóór, dus dit gebied van de programmering is allemaal nieuw voor mij.)