在不使用经典的 html 表单的情况下，在 web 应用程序中存储隐藏值的最佳做法是什么？

Question

我希望这个问题不是无用的，而是认真的。 这对我来说是个问题。

当我想在 web 应用程序中构建用户界面来（添加、删除、编辑）我使用 HTML forms + hidden inputs来存储some values such as "user id"时。

我想只使用“ anchors + span + div ”而不是“ hidden inputs ”来构建相同的界面。 当我编写处理“onAdd、onDelete 和 onEdit”事件的 javascript 代码时，我需要知道什么会被删除？ what is the id that will be kicked out from my database ？

问题是，如何在不使用隐藏输入的情况下将此 ID 存储在我的 html 标签中？

我正在使用的是这样的：

<div id="userid_133421" >
    <span>Name</span>
    <a id="onDelete">Delete</a>
    <a id="onEdit">Edit</a>
</div>

$("#onDelete").click(function({

        user_id = $(this).parent().attr('id').substring($(this).attr('id').indexOf('_')+1);

        $.post('index.php?component=user&action=remove&user_id=' + user_id, function(data){

        });
    }));

我检查了一些网站，例如Dropbox ，我发现他们不使用这种技术来存储值（例如文件 id），甚至他们不使用经典的隐藏输入来做到这一点！

我只想知道您如何管理代码以选择最佳方式？ :(

Answer 1

如果您使用的是 JQuery，为什么不使用data() function 来存储信息？

Answer 2

我第二个@nfecher。 这就是我现在在我正在处理的应用程序中执行此操作的方式：我们将 id 存储在 data-myAppName-itemTypeId 中。 myAppName 正在创建一个伪命名空间，以避免与可能使用相同 data-* 属性的其他插件发生冲突。 例如，data-stackoverflow-commentId="4" 根本不需要隐藏输入！！ 您可以对所有元素遵循相同的样式。 如果它是通用删除功能，您可以查找父 class 名称并决定要获取哪个 data-* 属性！