Javascript 是否将包含表单数据和HTML的整个HTML内容保存到服务器？

我试图通过发送包含所需数据的AJAX，将包含表单的页面保存到服务器。我希望保存整个网页和插入的数据

结果应该与在浏览器中本地选择

File->Save as

类似。然后，插入的值将自动转换为表单的值属性

优秀的语言：jQuery、Javascript、HTML5，这三种语言在最近的Firefox和Chrome版本中都得到了支持。
不好：Flash、Silverlight、Java等

例如：

$(document).on('click', '#button_duplicate', function () {
   $.post("save_page", { data: YOUR_ANSWER });

已尝试，但不起作用：

• $（“：root”）.html（）

  ：仅获取没有插入值的html

• $（“：root”）.value（）

  或

  $（“：root”）.text（）

  ：无HTML元素
• Localstorage解决方案：我希望以文件形式保存到服务器
• XPCOM和依赖浏览器的解决方案，如Firefox

  saveDocument（）

  ：我需要同时支持Firefox和Chrome，但不支持最新版本

---

更新：我发现这个库可以完全满足我的需要，但可以保存到本地存储。解决方案是相同的，但可以将其保存到服务器端作为文件：

下面是我要做的：

• 客户端：保存/提交时
  • 在提交表单之前，将整个文档/html存储在隐藏的输入字段中
• 服务器端：（使用ASP/PHP或…）
  • 将隐藏的输入保存到文件中
  • 循环表单字段，创建数据对象并保存到文件中。json
    

    data:[{id:“field1”，value:“Arnold”}，{…}]

  • 重新打开时，将数据对象传递/注入到js代码段，该代码段循环项目并重置值

---

实际上，原始文件已经可以包含js代码段，并且在保存文件/file.json时，可以在保存之前将数据对象注入主文件。json文件可以保存为“仅在需要数据对象时使用”

仅供参考。。。为什么需要服务器上的所有页面？您在服务器端生成html，并通过ajax获得用户变量。。因此您可以重建它，但目的是什么？@hjpotter92

.html（）

没有保留OP.Hi@ElzoValugi中所述的值，该页面是动态的，因此用户可以添加行或删除行，因此，简单的方法是将整个页面保存为Ctrl-S。但是如果您有一个解决方案示例，我很乐意听到您如何记录用户添加或删除的内容，例如删除的行：1,2,3；增加了几行：“abc”在第2位，“bbc”在第3位。我会选择不同的方法，然后重新发送整个页面。在某些时候，你可能想看到不同之处。不？@ElzoValugi谢谢，目的是方便用户使用表单，以便他可以保存“自己的”“半编辑表单，我不需要在最后提取数据，只允许用户将整个页面保存为当前状态，如果用户在编辑的25行中添加了100行，删除了30行，我不介意。空间和发送页面也没有问题，因为所有操作都在一台服务器上完成，用户很少（少于200）。