jQuery Drag and Drop: Каков наилучший способ хранения нескольких позиций объектов в базе данных?

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>

В основном все классы "перетаскивания" являются перетаскиваемыми и сбрасываемыми.Мне было интересно, как лучше всего хранить все в базе данных.Является ли хорошей идеей хранить все как большой двоичный объект JSON, когда пользователь делает какие-либо операции с оболочкой, и сохранять его как JSON подряд в mySQL?Или я должен просто сохранить любой отдельный объект, который был перемещен в отдельной таблице в MySQL?

Если это блоб JSON, как бы я использовал jQuery, чтобы сериализовать div внутри #wrapper в 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.