Chcete-li sám učit JavaScript, Snažím se vytvořit webovou stránku, která poskytuje uživatelům seznam položek (např potravin), požádá je, aby třídit tyto potraviny od favorit nejméně oblíbený, a odeslat data, když je hotovo. Pomocí jQuery sortables zdá jako dobrý způsob, jak to udělat. Nicméně, nejsem si jistý, jak by se data podání nestane.
Tady je to, co mám na mysli. Každá z těchto potravin by bylo v div, jako je tento:
<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>
Když uživatel klikne na tlačítko „odeslat“, chci pořadí těchto položek, které mají být stanoveny, a za tímto uspořádáním, které mají být zaslány zpět na server (mimochodem, já používám Django na straně serveru). Zdá se, že může určit pořadí položek s funkcí, jako je tento:
function getOrder()
{
var foods = $(.foods);
var ids = [];
for(var x=0; x<foods.length; x++)
{
ids.push(foods[x].id);
}
return ids;
}
Nicméně, já jsem uvízl na několik věcí:
- Je-li v mém kódu bych zavolat tuto funkci? Myslím, že to bude akce onclick, když uživatel stiskne tlačítko pro odeslání, ale nejsem si jistý, kde by si prošel datové funkce vrátí.
- V jakém formátu by bylo nejvhodnější pro zaslání tohoto uspořádání k serveru (např JSON)?
(Vím, že to je opravdu základní otázka, ale nikdy jsem udělal webovou stránku s JavaScriptu předtím, takže tato oblast programování je vše pro mě něco nového.)