html 요소에 대한 메타 정보는 어디에 두어야합니까?

Question

이 질문의 제목이 적절한 지 모르겠습니다.

데이터베이스의 개체를 나타내는 클릭 가능한 div로 채워진 세로 막대가 있습니다. 사용자가이 div 중 하나를 클릭하면 아약스를 통해 더 자세한 정보를 가져와 주 콘텐츠 영역에받은 정보를 표시하고 싶습니다.

각 사이드 바 div에는 내 자바 스크립트로 서버에 전달할 수있는 id이 있어야합니다.

페이지에서이 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 
     }); 
    }); 

});