0

我正在对愿望清单插件进行改进，以便用户可以通过拖放更改表格的顺序。

我已经让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();
}

结果#feedback

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

我知道我需要将这些数据保存到数据库中，但很难弄清楚如何使用创建的 JSON 数据来做到这一点。任何方向都会受到赞赏，因为我觉得我已经用尽了所有可能的谷歌搜索，并且认为我必须在某个地方弄错了。

非常感谢您的任何回答，Peersy

4

1 回答 1

0

我认为关键是了解您目前如何在数据库中存储项目的顺序。例如，如果你有一个名为 的 SQL 表items，你可以这样安排它：

ID, OwnerID, ItemDescription
151, 543, "Visit Niagara Falls"
152, 543, "Visit London"
153, 543, "Visit Mumbia"
154, 989, "Eat ice-cream in Venice"

然后不幸的是，您没有存储项目的顺序，因此它们将显示的顺序将是“未定义的”，即它可以是任何顺序（或者可能只是按照 ID 顺序，这可能是它们创建它们的顺序。

因此，您必须添加一个新Order列，如下所示：

ID, OwnerID, Order, ItemDescription
151, 543, 1, "Visit Niagara Falls"
152, 543, 2, "Visit London"
153, 543, 3, "Visit Mumbia"
154, 989, 1, "Eat ice-cream in Venice"

完成后，您可以通过添加ORDER BY Order到 SQL 查询轻松确保按优先顺序显示项目。

但是你现在可以做什么，假设你从你的表中取回 JSON，就像你展示的那样，

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

是更新 order 列的值，以便 153 -> 1、152 -> 2、151 -> 3。然后，当您下次获取愿望清单中的项目时，它们将处于新顺序。您可以json_decode($order)在 PHP 中使用，然后您将拥有一个具有tinvwl-sort属性的对象，其值是按您需要的顺序排列的数组。

我希望这有帮助！

于 2019-02-09T20:01:35.983 回答