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 请求的位置，您只需将其放在您希望触发请求的位置即可。假设您想在每次项目位置更改时触发请求，最有可能在 sortable 上的事件处理函数中。