我应该在哪里存储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 
     }); 
    }); 

});