javascript - 在 html 中存储数据比隐藏字段更好的方法

Question

我想知道是否有更好的方法将数据存储在 html 内容中。
目前我使用隐藏字段将一些值存储在我的 html 文件中。这些值由代码隐藏生成。

HTML:

<input type="hidden" id="hid1" value="generatedValue1" />
<input type="hidden" id="hid2" value="generatedValue2" />

因此，我使用 jquery 在客户端获取这些值，以便将它们传递给 ajax 请求。

JQuery

$.ajax({
  data:{
     var1 : $('#hid1').val(),
     var2 : $('#hid2').val()
  }
);

那么这是执行此操作的正确方法，还是存在更平滑的解决方案来实现相同的结果？因为我不需要将这些值发布到页面上，所以提交 input hidden 可能很糟糕。

Answer 1

我通常做的是将值作为 data- 属性添加到 html 表单中:

<form data-field1="generatedValue1" data-field2="generatedValue2">
...
</form>

然后，使用 jQuery 检索它们:

... 
$form = $( my_selector_to_take_the_form );

data:{
     var1 : $('form').attr('data-field1'),
     var2 : $('form').attr('data-field1')
  }

这样，您就不会发布任何隐藏字段