jquery - Tablednd - テーブルで返された JSON データを使用する

Question

ユーザーがドラッグ アンド ドロップでテーブルの順序を変更できるように、ウィッシュリスト プラグインを改善しています。

jQuery Tablednd は、ajax 呼び出しの後に返される JSON データを処理しており、動作しています。しかし、更新時に更新されたリストでページが返されるように、jsonデータをどうするかについては本当に頭に浮かびません。間違った用語を探していると思うので、誰かが私を正しい方向に押し進めてくれることを願っています。私はWordpressを使用しているので、AJAXへの呼び出しはアクションを使用しています。

テーブル

<table id="tinvwl-sort" class="tinvwl-table-manage-list">
  <tbody>
    <tr id="153" style="cursor: move; display: table-row;">
      item 1 - many columns of data
    </tr>
    <tr id="152" style="cursor: move;">
      item 2 - many columns of data
    </tr>
    <tr id="151" style="cursor: move;">
      item 3 - many columns of data
    </tr>
  </tbody>
</table>
<div id="feedback"></div>

JQuery

jQuery("#tinvwl-sort").tableDnD({

    onDrop: function(table, row) {
        var serial = jQuery.tableDnD.jsonize();

    // This does the ajax request
    jQuery.ajax({

        url: example_ajax_obj.ajaxurl,
        data: {
            'action': 'example_ajax_request',
            'order' : serial
        },
        success:function(data) {
            console.log(data);
            jQuery("#feedback").html(data);
        },
        error: function(errorThrown){
            console.log(errorThrown);
        }
    });  

AJAX PHP

function example_ajax_request() {

    // The $_REQUEST contains all the data sent via ajax
    if ( isset($_REQUEST) ) {

        $order = $_REQUEST['order'];

        // Let's take the data that was sent and do something with it


       echo $order;

    }
   die();
}

#フィードバックの結果

{\"tinvwl-sort\":[\"153\",\"152\",\"151\"]}

このデータをデータベースに保存する必要があることはわかっていますが、作成した JSON データを使用してそれを行う方法を見つけるのに苦労しています。可能な限りすべてのGoogle検索を使い果たしたと感じ、どこかでスティックの間違った端を取得したに違いないと思うので、どんな方向性も高く評価されます。

答えてくれてどうもありがとう、 Peersy