页面重新加载后保留表单值的最佳方法是什么（单击“提交”）

Question

我在页面上有一个过滤器，我想在点击按钮过滤器后保留表单值。

我正在尝试使用cookie（如下面的代码），但我不知道这种方式是否最好，因为cookie在浏览器上是安全的，然后它可能会给我的页面带来麻烦。

如何保留表单值，然后如何再次自动填充表单？

Obs。：我可以获取URL上的信息吗？该项目使用Ruby（rails）。

$(".searchButton").on("click", function () {
    $.cookie('frachiseesValue', $("#frachisees_filter").val());
    $.cookie('schoolsValue', $("#schools_filter").val());
    $.cookie('challengeValue', $("#post_challenges_filter").val());
    $.cookie('statusValue', $("#statuses_filter").val());
    $.cookie('searchValue', $("#filter_search").val());
    $.cookie('startDateValue', $("#startDate").val());
    $.cookie('endDateValue', $("#endDate").val());
});

更新 在我的情况下，我有4个选择，2个输入，1个提交和1个输入搜索。 select的cookie获取select的ID而没有字符串。

Answer 1

您可以尝试：

1. 缓存
2. 网址查询字符串
3. localStorage的
4. 索引资料

Cookie和Localstorage得到了很好的支持且易于使用，如果您不想在网址中显示，请使用网址查询字符串只传递一个已填写完整的表单，避免使用