jquery - 使用 jquery 对容器中的项目进行 POST

Question

您好，我正在使用jquery-ui的可放置示例将我的项目放入垃圾容器中，就像示例一样。

现在该示例以成功放入垃圾箱的方式结束。但是现在我想通过发布请求发送这个项目列表，换句话说，我想继续示例的自然过程，即将垃圾项目列表传达给服务器。

我不知道如何将它放在表单输入或其他东西中，也许在 json 中？

提前致谢

Answer 1

我是ajaxForm的粉丝，所以我会这样做。假设您的垃圾桶容器的 id 为“trashCan”，并且您放入其中的每个东西都知道它的 id 是什么，并将其存储在自定义属性中。你有一个 id 为“emptyTrash”的按钮。

<div id="trashCan">
    <div class="foo" data-id="7">bar</div>
</div>

然后我会使用如下脚本来收集所有 id 并将它们发布到服务器上的删除控制器。注意：这假设您放入垃圾箱的所有内容都是相同的类型。

$('#emptyTrash').click(function() {
    // get the list of ids
    var data = {
        'ids' : 
    };
    var ids = [];
    $('div', '#trashCan').each(function(i) {
        ids.[i] = $(this).attr('data-id');
    });

    $('#someElement').ajaxSubmit({
        url: 'emptyTrash',
        type: 'post',
        data: { 'ids': ids },
        success: function(responseText) {
            $('#message-container').html(responseText);
        },
        error: function(xhr) {
            $('#message-container').html(xhr.responseText).addClass('error');
        }
    });
});