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

});