Uczyć sobie Javascript, Próbuję zrobić stronę internetową, która daje użytkownikom listę elementów (np żywności), prosi ich, aby uporządkować te pokarmy z faworytem najmniej ulubionym, i przesłać dane, kiedy skończysz. Korzystanie sortables jQuery wydaje się dobrym sposobem, aby to zrobić. Jednak nie jestem pewien, jak złożenie dane powinno się zdarzyć.
Oto co mam na myśli. Każdy z tych produktów spożywczych byłoby w div tak:
<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>
Gdy użytkownik kliknie przycisk „Wyślij”, chcę kolejność tych elementów, które zostaną określone, a do tego zamawiającego być wysłany z powrotem do serwera (nawiasem mówiąc, używam Django po stronie serwera). Wydaje się, mogę określić kolejność elementów z funkcji takich jak to:
function getOrder()
{
var foods = $(.foods);
var ids = [];
for(var x=0; x<foods.length; x++)
{
ids.push(foods[x].id);
}
return ids;
}
Jednakże, utknąłem na kilka rzeczy:
- Gdzie w moim kodu Nazwałbym tę funkcję? Myślę, że będzie to akcja onclick, gdy użytkownik naciśnie przycisk Prześlij, ale nie jestem pewien, gdzie dane funkcja powraca by przejdzie.
- Jaki format byłoby najbardziej odpowiednie do wysyłania tego zamawianie do serwera (np JSON)?
(Wiem, że to jest naprawdę podstawowe pytanie, ale nigdy nie zrobił stronę internetową z JavaScript wcześniej, więc ten obszar programowania wszystko jest dla mnie nowe.)