javascript - 在 html 表单中存储和加载选定元素的正确方法是什么？

Question

我正在开发一个网络项目，用户可以在表单中选择一些选项并提交作业。为此，有必要存储选定的元素(复选框等)以便之后加载选定的元素。

我回顾了一个执行以下操作的项目:每次用户选择一个元素(复选框)时，它都会向当前 url 添加以下内容:

http://localhost/myapp#variable=TEMPERATURE

如果您粘贴此 url，则会选中值为 TEMPERATURE 的复选框变量。哈希 (#) 是选择元素的合适方式吗？ Hash 是不是发起了一个变化事件什么的？

我想实现的解决方案是将选择作为参数包括在内:

http://localhost/myapp?variable=TEMPERATURE 

如果你加载这个 url，用 jquery 完成这个工作(解析 url 参数并选择元素)

请注意，元素不是固定的。例如，如果您选择变量温度，则会加载新元素，如果用户在存储的查询中选择了其中一个元素，我也需要选择它，但我认为我可以处理。

我的问题是这两个近似值之间有什么不同，哪个最适合完成我需要的工作？

Answer 1

? 的正式名称为 Query string或请求参数，基本上是传递给服务器的变量。

# 的正式名称为 Fragment identifier或简单的散列，最初用于定位页面，以便由片段 id 属性标识的元素的顶部与视口(viewport)的顶部对齐。

如果您希望在服务器中进行处理，请使用查询字符串 (?)。

如果您希望在 Web 浏览器 中进行处理，请使用片段标识符 (#)。

我猜测您希望在 Web 浏览器 中实现此功能的 jQuery 标记，因此请查看诸如 Backbone.js 之类的库这使得使用称为 Routers 的机制实现此功能简单而干净，该机制将使用 URL 哈希。