javascript - 在不嵌入 php 的情况下保存输入-> 值

Question

主要问题是输入元素中写入的值在页面重新加载(提交、刷新等)后消失

我有一个完整的表单 .../form 元素。传统上，我可以插入一个 php 行。

<input value="<?php if(isset($_POST['foo']))echo $_POST['foo'] ?>">

这解决了提交部分。但是，就我而言，我觉得这是最糟糕的解决方案。我的表单中有数百个输入元素。甚至还有一些输入来生成输入表。输入元素的数量太多，以至于我对寻找解决方法感到好奇。

有没有办法在提交操作之前存储输入->值并在页面重新加载后注入(inject)它们？这样，用户可以上传文件，文件将由 php 核心解析。当页面重新加载时，用户来源的输入和文件来源的值都存在。

简化:

在“文件提交和读取并将文件值附加到表单”之后，用户不需要填写他/她已经填写的输入。我需要一个想法来实现这一点，不同于“将 php 行插入每个输入元素”。

Answer 1

在这种情况下，我可以建议通过 AJAX 发送文件并处理其后的响应，然后仅在从服务器获得响应时从进程和上传的文件中注入(inject)值。

或者，您可以使用本地存储或 cookie 来保存信息。但是，本地存储和 cookie 都对它们可以存储的内容有定义的限制。 Cookie 总共只能存储 4KB，不允许太多。

如果不通过 AJAX 上传，您可以编写一个 javascript 函数来查找所有使用 jQuery/javascript 的输入并将它们的值保存在本地存储中，并在新页面加载时检查是否存在任何输入并将它们重新注入(inject)到相同的使用 jQuery 基于 id/class/等输入，确保在完成后删除本地存储值。