从外部文件加载jQuery-Templates？

Question

我刚开始使用jQuery的模板引擎.到目前为止看起来相当不错.但我想知道是否有可能以某种方式从外部文件加载模板.想象一下,有大量的模板.这会弄乱html代码并且也不可缓存,并且必须在每个请求上下载.

我希望有一种方法可以在外部文件中定义它们,然后加载它们并将编译后的模板存储到localStorage中.

有没有人知道如何从外部文件加载它们？

Answer 1

你可以用ajax加载这个模板.

<script>
  var movies = [
    { Name: "The Red Violin", ReleaseYear: "1998", Director: "François Girard" },
    { Name: "Eyes Wide Shut", ReleaseYear: "1999", Director: "Stanley Kubrick" },
    { Name: "The Inheritance", ReleaseYear: "1976", Director: "Mauro Bolognini" }
  ];

  $.get("templates/movieTemplate.html", function(data, textStatus, XMLHttpRequest){
    var markup = data; //"<tr><td colspan='2'>${Name}</td><td>Released: ${ReleaseYear}</td><td>Director: ${Director}</td></tr>"

    /* Compile markup string as a named template */
    $.template( "movieTemplate", markup );

    /* Render the named template */
    $.tmpl( "movieTemplate", movies ).appendTo( "#movieList" );
  });
</script>

如果要仅加载任何模板一次,则可以立即添加localstorage逻辑或已加载模板的数组.