Jquery可排序，在哪里放置ajax调用？

Question

我是JQuery的菜鸟，在对JqueryUI进行大量搜索之后，我发现了一些我合理理解的代码，并且我已根据需要进行了修改：

http://jsfiddle.net/gmLfygwe/

正如您在上面的链接中所看到的，一切正常。它将旧位置和新位置输出到控制台中。

我的问题：

1 - 正如您所看到的，每个列表项都有一个ID，我该怎么做？ 2 - 您能为我编写一个简单的AJAX调用，通过GET / POST将旧位置，新位置和ID发送到xyz.php吗？
3 - 请告诉我在哪里放置AJAX代码

我对AJAX代码有一个大概的了解，这是我到目前为止所提出的：

var formData = {id: theID ,oldPos: theOldPos, newPos:theNewPos}; //Array 

$.ajax({
    url : "xyz.php",
    type: "POST",
    data : formData,
    success: function(data, textStatus, jqXHR)
    {
        console.log(data); // response from server
    },
    error: function (jqXHR, textStatus, errorThrown)
    {

    }
});

但我不确定我的代码在哪里（告诉你我是个菜鸟！）以及如何获取ID。

Answer 1

您可以从e.toElement获取ID：$(e.toElement).attr('id');

至于放置ajax请求的位置，您只需将其放在您希望触发请求的位置即可。最有可能在事件处理函数中进行排序，假设您希望每次项目位置更改时都触发请求。