jquery - 我应该在哪里存储 html 元素的元信息？

Question

我不知道这个问题的标题是否恰当。

我有一个侧边栏，其中填充了代表数据库中对象的可点击 div。当用户单击其中一个 div 时，我想通过 ajax 获取更详细的信息并在主要内容区域中显示接收到的信息。

每个侧边栏 div 都需要与之关联id，我可以使用我的 javascript 将其传递给服务器。

我想知道我应该把这个ID放在页面上的什么地方？

是否有这样做的最佳实践方式？

Answer 1

我会将数据存储在data-attributes中。

jQuery 有一种方法data()可以轻松检索/存储数据。

对于从服务器加载部分视图，我会推荐$.load().

Answer 2

我认为最好的方法是让表单锚链接中的可点击区域转到以 json 格式获取数据的 url。

像这样的东西：

<a href="/getdata?id=1234" class="data_expand"  rel="nofollow">Expand</a>

进而：

$(function(){

    $(".sidebar a.data_expand").click(function(event){
       event.preventDefault();

       $.get($(this).attr("href")).then(function(data){
           //Handle data here
       });
    });

});