Сериализация данных для AJAX с использованием HTML5sortable
Я использую плагин аккуратной сортировки для jQuery, HTML5 Sortablehttp://farhadi.ir/projects/html5sortable/ но не нашли идеального способа сериализации данных для отправки в виде запроса AJAX POST (для обновления БД).
HTML
<ul class="sortable">
<li data-id="1">One</li>
<li data-id="2">Two</li>
<li data-id="3">Three</li>
<li data-id="4">Four</li>
<li data-id="5">Five</li>
</ul>
JQuery
$('ul.sortable').sortable().bind('sortupdate', function()
{
var data = ??; // serialize all data-id's ... this is my problem
$.post('/sortupdate.php',data,function(){ // PHP script sets new order in DB
alert('updated');
});
});
Так что я хочу, чтобы, когда я перетаскиваю элемент LI в новую позицию, тоsortupdate
событие должно вызвать функцию и отправить новый порядок значений атрибута data-id. Моя текущая идея - циклически проходить через LI и добавлять значения атрибутов в массив. Есть ли более разумный способ сделать это, или, каков наиболее эффективный способ сделать цикл? (Я знаю, что я в основном бэкэнд-парень). Спасибо!