jquery - 如何在输入字段（HTML）中存储字典？

Question

我有一本包含多个字段的大字典。

var deal = {'foo':'moo','foo1':'moo1','foo2':'moo2','foo3':'moo3','foo4':'moo4','foo5':'moo5 '}

我想将其存储为隐藏的输入字段。IE

`
<div class="deal">
<input type="hidden" value=deal />//unique for this div
</div>
<div class="deal">
<input type="hidden" value=deal />//unique for this div
</div>
<div class="deal">
<input type="hidden" value=deal />//unique for this div
</div>

检索

  $(".deal").on('click',function(){
     var deal= $(this).find('input').val();

});

并使用 jQuery 检索它。在通过 jQuery 检索它时，我遇到了一些问题，即我认为整个数据都没有被存储。（一半的字典被截断。）我是否应该只查询我的数据库并得到这个？或者有没有办法将字典存储为输入字段值？如果问题不清楚，请发表评论。我会做必要的补充。

Answer 1

也许您可以将您的数据存储在 Javascript 中，并将您的 HTML 元素引用到那些 JS 变量？喜欢：

var dict1 = {name:"val", name2:"val"};
<div class="deal" data-dict="dict1"></div>

然后像这样绑定它：

$(".deal").on('click',function(){
    var dictName = $(this).data('dict'),
        deal = window[dictName];
});