자바 스크립트 (jQuery)의 템플릿에 HTML 스 니펫 사용

Question

현재 내 서버에서 사용자 정보를 요청하고 특수 템플릿을 사용하여 표시하는 작은 앱을 개발 중입니다. 처음에는

은, 난 그냥 jQuery를에 작은 조각을 하드 코딩 :

$("<li><div class='outer'><table><tr><td rowspan=2 class='imgcontainer'><img class='thumb'/></td><td><span class='username'/></td></tr><tr><td><span class='name'/></td></tr></table></div></li>") 

내가 몇 번을 복제.

구문이 뚜렷하고 강조 표시되도록하고 싶습니다. HTML 파일 자체에서 구문을 강조하는 것이 좋을 것 같습니다.

또한 병합을 쉽게 만들어 누군가가 한 줄 또는 두 줄만 변경할 수 있습니다.

패턴이 있습니까? 나는이 JS를 (단지 하나만 포함하는) HTML 파일에 넣고 CSS를 사용하여 숨기고 있는지 확인한다.

내가 생각했던 세 번째 옵션은 별도의 HTML 파일을 만들고 jQuery에서 서버를 분리하여 보관하도록 요청하는 것입니다. 이 기법이 많이 사용 되었습니까?

또한 내가하는 일을 설명 할 때 사용할 수있는 용어가 있습니까? (이름을 모르는 개념을 묻는 것이 더 어렵습니다.)

Answer 1

나는 SO earlier today과 비슷한 대답을했습니다. 당신이 찾고있는 것은 마이크로 템플릿이라고합니다. John Resig는 this on his blog을 게시했습니다. 본질적으로 당신은 json 데이터 셋을 얻고 html을 만들고 DOM을 업데이트하기 위해 데이터에 템플릿을 적용 할 수 있습니다.