html로 데이터 템플릿을 만드는 방법

Question

저는 JS, html 초보자이며 데이터 객체의 HTML 표현을 정의/작성하는 방법을 이해하려고합니다.

사람들 각자가 firstName, lastName, age, photo, description 등의 속성을 가진 사람들의 목록을 가지고 있습니다 (예 : JSON).

어떻게이 목록을 일반적으로 html로 표시 하시겠습니까?

어딘가에 JS에서 채워지는 목록에 대한 div 자리 표시자는 있다고 가정하지만 그 사람 자체의 템플릿이 어떻게 정의되어 있는지는 잘 모르겠습니다.

이런 종류의 일을하는 권장 방법이 있습니까?

다른 사람이 나에게 위대한 예를 보여줄 수 있다면.

Answer 1

은 :, 예컨대을 템플릿 프레임 워크의 많음이있다

• jQuery Templates
• Mustache
• Knockout (내 개인 좋아하는)

Answer 2

처음에 http://handlebarsjs.com/을 살펴보십시오. 이것은 당신의 json을 가지고 당신이 원하는 방식으로 포맷합니다.

jquery Ajax 메서드를 사용하여 결과를 반복하고 HTML을 생성 할 수도 있습니다.

Answer 3

또한 스타터 http://code.google.com/p/distal 있습니다. HTML 코더에 익숙한 구문을 사용합니다.

<div data-qtext="obj.firstName"></div>