在不使用經典的 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-* 屬性！