当前位置: 首页 > 面试题库 >

jQuery UI Sortable,然后将订单写入数据库

漆雕成弘
2023-03-14
问题内容

我想使用jQuery UI sortable函数允许用户设置订单,然后在更改时将其写入数据库并进行更新。有人可以写一个例子来说明如何做到吗?


问题答案:

jQuery UI
sortable功能包括执行此操作的serialize方法。确实很简单。这是一个简单的示例,一旦元素的位置发生变化,该数据便立即将数据发送到指定的URL。

$('#element').sortable({
    axis: 'y',
    update: function (event, ui) {
        var data = $(this).sortable('serialize');

        // POST to server using $.post or $.ajax
        $.ajax({
            data: data,
            type: 'POST',
            url: '/your/url/here'
        });
    }
});

这是通过使用elements创建元素数组的id。因此,我通常会执行以下操作:

<ul id="sortable">
   <li id="item-1"></li>
   <li id="item-2"></li>
   ...
</ul>

使用该serialize选项时,它将创建一个POST查询字符串,如下所示:item[]=1&item[]=2等等。因此,如果您使用-例如-
id属性中的数据库ID,则可以简单地遍历POSTed数组并相应地更新元素的位置。

例如,在PHP中:

$i = 0;

foreach ($_POST['item'] as $value) {
    // Execute statement:
    // UPDATE [Table] SET [Position] = $i WHERE [EntityId] = $value
    $i++;
}

jsFiddle上的示例。



 类似资料:
  • 我正在一个WordPress网站上工作,该网站使用WooCommerce作为电子商务解决方案。下面是我想做的: 我想将所有订单和订单详细信息从旧数据库导出到新数据库。很简单的任务对吧?嗯,我们正在使用WooCommerce产品附加组件,出于某种原因,保存到订单中的“附加组件”数据没有显示在新数据库中。我尝试过通过WordPress导入器导入“订单”,我尝试过SQL查询,我甚至尝试过将整个wp_po

  • 问题内容: 在我们的应用程序中,我们希望用户输入如下: 我想在单元测试中通过该部分,以便我可以恢复线程以执行其余代码。我如何从junit 写入内容? 问题答案: 你想要做的是使用的方法从。这将使您可以从junit 传递数据。

  • 我正在编写一个程序,它将数据写入excel表格的表格格式。我的代码提供了我想要的所有细节。 但是为了得到表格格式,我必须在excel sheet中遵循以下步骤 我想让我的代码自动生成我想要的格式,而不需要我在excel表中执行上面显示的步骤。有人能帮我吗?提前道谢。下面显示的是我的代码。 `

  • 问题内容: 我试图从SQL中提取数据,然后将其写入文本文件。这在一定程度上做到了这一点, 但它仅从读取文本文件 的表中拉出1 。 我希望能够从表中提取所有数据,然后以诸如此类的列表格式发布到文本文件中… 我需要找出我做错了什么。 问题答案: 该函数将覆盖整个文件- 这就是为什么每次都只获得最后一条记录的原因。 您可以使用和代替。 尽管比构造一个大字符串并使用单个调用稍微复杂一些,但是如果您有很多记

  • 不使用ByteBuffer:第一种方法 使用byte Buffer:还有一点是数据成员的大小将始终保持固定,即CharacterData=1byte、ShortData=1byte、IntegerData=2byte和StringData=3byte。所以这个类的总大小总是7byte 第二种方法 PS 如果我使用序列化,它还会写入单词“characterdata”、“shortdata”、“int

  • 是否可以使用BufferedReader从文本文件中读取,然后当缓冲读取器读取时,同时它还使用PrintWriter将读取的行存储到另一个txt文件中?