반응형
jquery template을 사용하여 데이터를 바인딩해보자
<head>
<script type="text/javascript" src="/js/jquery.tmpl.js"></script>
<script type="text/javascript">
// 리스트에 입힐 json 타입 데이터
var student = [{ Name: "ggmouse", Age: "29" }, { Name: "binggo", Age: "30" }];
// 데이터 바인딩
var tmpl = $("#studentTemplate").tmpl(student).appendTo(#studentList);
</script>
// 리스트에 출력할 템플릿
<script id="studentTemplate" type="text/x-jquery-tmpl">
<p>이름: ${Name}</p>
<p>나이: ${Age}</p>
</script>
</head>
<body>
<div id="studentList"></div>
</body>
참고사이트
https://github.com/BorisMoore/jquery-tmpl
반응형
'프로그래밍 > jQuery' 카테고리의 다른 글
| [jQuery] document ready, window load (0) | 2019.10.06 |
|---|---|
| [jQuery] 특정 문자 시작, 포함, 제외하는 class 찾기 (0) | 2019.09.25 |
| [jQuery] opener, parent 부모창 제어 (1) | 2018.05.02 |
| [jQuery] beforeunload 페이지를 떠날때 이벤트 발생 (onbeforeunload) (0) | 2017.02.03 |
| [jQuery] append, remove 태그 추가/삭제 (0) | 2017.02.03 |
