0

こんにちは、jquery-uiのドロップ可能な例を使用して、例のようにアイテムをゴミ箱に入れます。

これで、例はゴミ箱にドロップ可能な成功で終了します。しかし、ここで、このアイテムのリストをPOSTリクエストで送信したいと思います。つまり、ゴミ箱に入れられたアイテムのリストをサーバーに伝達するという自然なプロセスを続行したいと思います。

私はそれをフォーム入力か何か、多分jsonに入れる方法がわかりませんか?

前もって感謝します

4

1 に答える 1

0

私はajaxFormのファンなので、このようにします。ゴミ箱コンテナの ID が「trashCan」で、そこにドロップされたものはそれぞれその ID を認識し、それをカスタム属性に保存するとします。そして、「emptyTrash」という ID を持つボタンがあります。

<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');
        }
    });
});
于 2012-07-16T12:49:33.210 に答える