html表单保存临时数据答案

【问题标题】：html form save temp datahtml表单保存临时数据
【发布时间】：2015-03-11 08:39:30
【问题描述】：

大家好，我需要您就我的问题的最佳解决方案提出建议......

所以我有一个简单的 html 表单，其中包含输入框、选择和东西......

我的一个选择字段从数据库生成它的选项，当用户选择任何选项时，3 输入字段自动填充，问题是如果值不存在，我有创建新的选项值。如果用户选择此选项，javascript 将重定向到一个新页面，在该页面可以创建新选项并将其保存到数据库，在该用户被重定向回表单之后，所有输入字段现在已填写的字段都是空的....

保存用户输入的所有输入值的最佳方法是什么，以便我可以将用户导航到不同的页面，在那里他可以将项目添加到数据库并将他重定向回相同的表单并填写所有字段？

我想到将所有输入值放入数组并使用 php 函数 http_build_query() 通过 GET 发送并在重定向时发送回相同的数组的第一件事，但表单有 20 个字段，我认为这不是发送的最佳解决方案数据占用服务器资源...

其次，将所有内容放入 json temp 文件，保存在服务器上重定向用户并在重定向返回时获取此 json 文件并填充数据并随后删除文件...（我最喜欢这个想法）

第三，创建隐藏表单（如灯箱）在需要时显示此表单，但是此表单提交时出现问题，如果我重定向到相同或不同的页面，它必须重定向到某个地方，我仍然会丢失所有数据...

有什么想法吗？

【问题讨论】：

您尝试过什么吗？如果有，请在此处发布您的代码。
我没有尝试任何东西，现在我正在尝试第二个
在您的第三个选项中，您已指定在此表单上提交它必须重定向到某个地方，如果您要重定向以保存数据，则使用 ajax 进行。
但是在选择字段仍然缺少用户刚刚创建的这个选项之后，我需要为此刷新页面，因为 php 函数从数据库中获取数据并再次填充下拉列表
不需要刷新页面，通过ajax服务页面返回新增的字段详情，追加到选择框。

标签： javascript php jquery json

【解决方案1】：

使用给定的代码

$("#additional_form").submit(function(event) {
  event.preventDefault();
  $.post('post.php', $('#additional_form').serialize());

  $(#lightbox).hide();
});

【讨论】：

【解决方案2】：

在这种情况下最好使用弹出框（lightbox）。用其他表单填充它并在表单提交时向它添加事件处理程序。尝试在处理程序中使用 event.preventDefault()，然后附加 jquery.post 方法：

$( "#additional_form" ).submit(function( event ) {

  event.preventDefault();
  $.post('post.php', $('#additional_form').serialize());

  $(#lightbox).hide();

});

有很多方法可以做到，你也可以直接序列化而不发送。或者将其附加到您的主表单中。

【讨论】：