Ajax + jsRender

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>jsRender</title>
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//www.jsviews.com/download/jsrender.js"></script>
  <script src="main.js"></script>
</head>
<body>
  <div id="container"></div>
</body>
</html>

<div>
  <h2>{{:title}}</h2>
  <p>{{:body}}</p>
</div>

$(function(){
  $.ajax({
    url:"template.html",
    type:"GET",
    dataType: 'html'
  }).done(function(data) {
    var tmpl = $.templates(data);
    var data = { title: "Hello World", body: "This is a simple demo." };
    var html = tmpl.render(data);
    $("#container").html(html);
  });
});