javascript - 保存拖放布局的最佳方式

Question

这个问题我见过几次，但它们大多与单个对象和 cookie 有关。我正在构建一个具有工具箱拖放功能的应用程序(非常像您在 Visual Studio 中看到的——即将对象拖到表单上，给它们命名，等等)因此可放置区域可以有许多对象，包括嵌套的可丢弃物。

对于保存到 SQL Server 数据库然后重新加载如此复杂的布局的最佳方式有何看法？对象需要完全按照保存时的方式加载和显示。它将由 ajax 完成，但除此之外，我不确定继续进行的最佳方式。此外，任何可能为我指明正确方向的例子都会很棒。

非常感谢。

Answer 1

您可以通过 XML 或 JSON 将数据序列化，并将序列化后的字符串保存到数据库中。与必须单独保存每个控件相比，这将使您的数据库和 Web 服务基础架构变得简单，但需要在 JS 端进行更多解析，但由于您的应用听起来 JS 很重，我认为这对您来说应该不是问题。

var state = {
    textbox1:{
        x:100,
        y:200,
        width:20,
        height:10,
        defaultValue:'Hello world!'
    },
    button1:{
        x:150,
        y:200,
        width:20,
        height:10,
        text:'Push me!'
    }
}
var serialized = JSON.stringify(state);
yourService.SaveSate(serialized)   //made this object up to mock your web service

JSON.stringify 仅适用于现代浏览器，但如果您的目标是较旧的内容，则有很多替代方案。