2

私はjQueryのソート可能に取り組んでいます。データベースから情報を取得して注文可能な各要素にデータを入力し、新しい注文をデータベースに再投稿します。ただし、シリアル化jQueryで定義した変数を取得し、それをdata：領域のAJAX関数に入力する方法がわかりません。

これが私のコードです：

$(document).ready(function() 
{              
    $('#social_list').sortable(
    { 
        update: function() 
        {
            var order = $('#social_list').sortable('serialize');
            alert(order);
        }                         
    });
});

$.ajax(
{
    url: 'save_items_order.php',
    data: ?,
    type: '$_POST', 
    success: function(msg)
    {
        alert(msg);
    }
});

だから私はvarorderが作成する文字列を取り、それをajaxに渡したいのでdata：= var order string

データを試しました：$（'＃social_list'）。sortable（'serialize'）、すべてが機能しているように見えましたが、テーブルが更新されていないようです

4

2 に答える 2

2

最も簡単な解決策は、グローバルにすることです

$(document).ready(function() {
    $('#social_list').sortable({
        update: function() {
            // global. you could just omit var, but I find this clearer
            window.order = $('#social_list').sortable('serialize');
        }
    });
});

$.ajax({
    url: 'save_items_order.php',
    data: window.order, /* ...rest of code */
});

しかし、グローバルが悪いことは知っていると思います。少なくとも、名前空間にグローバルを含めることができます。

var myNs = {};
$(document).ready(function() {
    $('#social_list').sortable({
        update: function() {
            myNs.order = $('#social_list').sortable('serialize');
        }
    });
});

$.ajax({
    url: 'save_items_order.php',
    data: myNs.order /* ... rest of code */
});

または、変数を共有できるようにコードを再編成します。

$(document).ready(function() {
    var order;
    $('#social_list').sortable({
        update: function() {
            order = $('#social_list').sortable('serialize');
        }
    });
    $('#myButton').click(function(){
        $.ajax({
            url: 'save_items_order.php',
            data: order, /* ... rest of code */
        });
    });
});

この場合、次のようにすることができます。

$.ajax({
    url: 'save_items_order.php',
    data: $('#social_list').sortable('serialize') /* ... rest of code */
});
于 2013-02-05T22:20:28.543 に答える
-1

javascriptオブジェクトをデータとして渡すだけです。

あなたの特定のケースでは、おそらくAJAX呼び出しを次のような関数でラップします。

function saveItemOrder(order)
{
    $.ajax({
        url: 'save_items_order.php',
        data: { "order": order },
        type: 'POST', // <-- this should be just "POST"
        success: function(msg){
            alert(msg);
        }
    });
}

その後：

update: function() {
    var order = $('#social_list').sortable('serialize');
    // alert(order);

    saveItemOrder(order);
}
于 2013-02-05T22:18:37.370 に答える