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

What is the best practice to store hidden values in web apps, without using the classic html form?

本文关键字：存储 隐藏 是什么 最佳 应用程序 经典 html 情况下 表单 web      更新时间：2023-09-26

我希望这个问题没有用！但说真的，这对我来说是个问题。

当我想在web应用程序中构建一个用户界面来(添加、删除、编辑(某些内容时，我使用HTML表单+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(，更重要的是，他们没有使用经典的隐藏输入来实现这一点！

我只想知道你是如何管理代码以选择最佳方式的？：(

如果您正在使用JQuery，为什么不使用data()函数来存储信息？

I second@nfecher！这就是我现在在我正在开发的应用程序中所做的！我们将ID存储在数据myAppName itemTypeId中。myAppName正在创建一个伪命名空间，以避免与其他可能使用相同data-*属性的插件发生冲突：例如，data stackoverflow commentId="4"根本不需要隐藏输入！！所有元素都可以使用相同的样式。如果它是一个通用的删除功能，您可以查找父类名称并决定要获取哪个data-*属性！

相关文章：