Для того, чтобы научить себя Javascript, я пытаюсь сделать веб-страницу, которая предоставляет пользователям список элементов (например, продукты питания), просим их сортировать эти продукты из любимых в нелюбимый, и представить данные, когда они сделаны. Использование JQuery sortables кажется, как хороший способ сделать это. Тем не менее, я не знаю, как представление данных должно произойти.
Вот что я имею в виду. Каждый из этих продуктов питания будет в DIV, как это:
<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>
Когда пользователь нажимает на кнопку «отправить», я хочу порядок этих элементов, чтобы определить, и для этого заказа, чтобы быть отправлены обратно на сервер (кстати, я использую Django на стороне сервера). Кажется, я могу определить порядок элементов с функцией, как это:
function getOrder()
{
var foods = $(.foods);
var ids = [];
for(var x=0; x<foods.length; x++)
{
ids.push(foods[x].id);
}
return ids;
}
Тем не менее, я застрял на пару вещей:
- Где в моем коде я бы вызывать эту функцию? Я думаю, это было бы действие OnClick, когда пользователь нажимает кнопку отправки, но я не уверен, где данные функция возвращает бы получить прошли.
- Какой формат будет наиболее подходящим для отправки этого порядка на сервер (например, JSON)?
(Я знаю, что это на самом деле основной вопрос, но я никогда не делал веб-страницу с JavaScript раньше, поэтому эта область программирования все новое для меня.)