Template trong Jquery (Phần 2)-Dùng file Template

Xem lại phần 1 tại đây
Việc dùng Template trong file Html có mặt hạn chế là nếu bạn muốn tái sử dụng nhiều lần việc copy qua lại nhiều lần là điều không nên.
Trước hết bạn tạo 1 file html và copy template sang file html đó

<script id="defaultTemplate" type="text/x-jquery-tmpl">
<tr>
    <td>${Name}</td>
    <td>${Author}</td>
</tr>    
</script>

Quay lại trang html muốn hiển thị dữ liệu, khi vừa render xong các phần tử trên trang html, ta thêm template vào trước thẻ </body>

$(document).ready(function () {
        $.get('/Content/DefaultTemplate.html', function (template) {            
            $('body').append(template);
        });
    });

Tải ví dụ tại: Mediafire

Update:  JQuery Template đã ngưng phát triển và được thay thế bằng JsRender