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

Save entire HTML content with both form data and HTML to server?

本文关键字：HTML 保存 服务器 表单 包含 数据      更新时间：2023-09-26

我试图通过发送带有所需数据的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元素
  • 本地存储解决方案:我希望保存到服务器作为文件。
  • XPCOM和浏览器依赖的解决方案，如Firefox saveDocument():我需要同时支持Firefox和Chrome，包括不是最新版本。

更新:我发现这个库确实是我需要的，但保存到本地存储，解决方案是相同的，但能够保存到服务器端作为一个文件:http://shaneriley.com/jquery/remember_state/

我会这样做:

  • 客户端:保存/提交时
    • 在提交表单之前将整个文档/html存储在一个隐藏的输入字段中
  • 服务器端:(使用ASP/PHP或…)
    • 将隐藏的输入保存到文件
    • 循环表单字段并创建一个数据对象并保存到file.json
      data: [{ id: "field1", value: "Arnold" },{...}]
    • 在重新打开时，将数据对象传递/注入到js代码片段中，该代码片段循环项并重置值

实际上，原始文件已经包含了js片段，当保存文件/file时。Json，数据对象可以在保存之前注入到主文件中。该文件。Json可以保存为"以防万一只需要数据对象"

相关文章：