Javascript 保存html和内联样式-由jquery ui创建，可拖动和调整大小

我使用jqueryui创建了一个布局生成器，它允许用户调整/旋转/拖动和更改所选元素的基本样式（背景色、字体大小等）

包括的元素有：图像、div、span和svg

我的问题是，将其保存到服务器端的正确方法是什么：

用户单击“保存”后，使用

.html（）

抓取内容，并将其放置在隐藏的

文本区域

，一旦准备好，使用ajax将内容发布到服务器。但不确定以这种方式提交的数据的大小或数量是否有任何限制

单独保存每个元素状态（稍微复杂一点，可能有几百个元素），每次创建或编辑元素时都会发送

ajax

请求

其他选择

---

谢谢，

把它放在文本区有什么用。。？您是否正在尝试执行表单提交或其他操作？为什么不通过ajax POST请求发送呢？@TJ是的，我正在尝试提交表单。我正在考虑发送一个

数组
的
textarea
，其中包含
html
。布局生成器可以有多个页面，因此，如果你想知道的话，我为什么要使用文本区域的
数组
。可能有很多答案。如果是我，我将迭代每个元素，并为每个元素创建一个对象数组。然后，对象可以包含元素的属性及其内容。这样可以减少必须传递到服务器并存储在数据库中的内容量。在以后重新绘制元素时，从另一个方向思考也可能会有所帮助。如果您像这样使用JQuery：
var myImage=$("然后你就可以看到如何存储和读取这些内容了。@Twist你提出了一个非常有趣的观点，我想创建一个包含所有对象的大型
json
数组。但是我很困惑，我应该将所有这些内容存储在数据库的一行中，还是将每个对象存储在多行中？@developer，这取决于你的点击量te.可以只使用一行，但如果需要的话，搜索会更加困难。如果你每页只有几个元素，可以创建多行，每页有一个表。你想走多远？看看WordPress或Joomla以及他们是如何设置DB模式的。把它放在文本区域有什么用？你想表现吗rm表单提交还是什么？为什么不通过ajax POST请求发送呢？@TJ是的，我正在尝试表单提交。我正在考虑发送一个
textarea
的
array
，其中包含
html
。布局生成器可以有多个页面，因此如果你想知道的话，我为什么要使用
array
的textarea。可能是这样的对此有很多答案。如果是我，我会迭代每个元素，并为每个元素创建一个对象数组。然后，对象可以包含元素的属性及其内容。这样可以减少必须传递到服务器并存储在数据库中的内容量。从另一个方向思考可能也会有所帮助n、 当您稍后重新绘制元素时。如果您像这样使用JQuery:
var myImage=$("然后你就可以看到如何存储和读取这些内容了。@Twist你提出了一个非常有趣的观点，我想创建一个包含所有对象的大型
json
数组。但是我很困惑，我应该将所有这些内容存储在数据库的一行中，还是将每个对象存储在多行中？@developer，这取决于你的点击量te.可以只使用一行，但如果需要的话，搜索会更加困难。如果你每页只有几个元素，可以创建多行，每页一个表。你想走多远？看看WordPress或Joomla以及他们是如何设置DB模式的。