jQuery 拖放 : What's the best way to store multiple object positions in database?

Question

我有这样的东西:

<div class="wrapper">
  <div class="drag object1">Example1</div>
  <div class="drag object1">Example1</div>
  <div class="drag object1">Example1</div>
  <div class="drag object1">Example1</div>
  <img src="image.png">
</div>

基本上所有“拖动”类都是可拖放的。我想知道将所有内容存储在数据库中的最佳方式是什么。当用户在包装器中进行任何放置并将其保存为 MySQL 中的一行中的 JSON 时，将所有内容存储为 JSON blob 是个好主意吗？或者我应该将移动的任何单个对象保存在 mySQL 的单独表中吗？

如果它是 JSON blob，我将如何使用 jQuery 将 #wrapper 中的 div 序列化为 jSONS？

谢谢!

Answer 1

可能很难仅保存移动的对象，而且我认为保存这样的 100 项列表不会太多(就流量而言)。

我认为需要一些额外的标记(你应该需要它)以帮助序列化这些东西:

<div class='drag object1' data-id='1234'>example1</div>
<div class='drag object1' data-id='1452'>example1</div>

我正在使用 HTML5 标记前缀来标记您的实体键。 (它在非 html5 浏览器中也能正常播放)

然后，在JQ中，

var listOfDrag = [];
$(".wrapper .drag").each(function(){
    listOfDrag.push({id: $(this).attr("data-id")});
});

然后使用 jquery 将上面的数组发送到服务器。