Сделать POST с элементами в контейнере с JQuery

Question

Здравствуйте, я использую раскрывающийся пример jquery-ui, чтобы получить мои вещи в мусорном контейнере, как в примере.

Теперь пример заканчивается успешным сбросом в контейнер для мусора. Но теперь я хотел бы отправить с запросом по почте этот список элементов, другими словами, я хотел бы продолжить естественный процесс примера, то есть передать список потерянных элементов на сервер.

Я не знаю, как положить это в форме ввода или что-то, может быть, в JSON?

заранее спасибо

Answer 1

Я фанат ajaxForm, поэтому сделал бы это так. Допустим, у вашего контейнера для мусора есть идентификатор "trashCan", и каждая вещь, которую вы поместили в него, знает свой идентификатор и сохраняет его в настраиваемом атрибуте. И у вас есть кнопка с идентификатором emptyTrash.

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

Затем я бы использовал сценарий, подобный следующему, чтобы собрать все идентификаторы и отправить их в контроллер удаления на сервере. ПРИМЕЧАНИЕ: это предполагает, что все, что вы бросаете в корзину, относится к одному типу.

$('#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');
        }
    });
});