从外部文件加载jQuery模板?

前端之家收集整理的这篇文章主要介绍了从外部文件加载jQuery模板?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚开始使用jQuery的模板引擎。到目前为止看起来还不错。但是我想知道是否可以以外部文件加载模板。想象一下有大量的模板。这会搞砸HTML代码,也不能缓存,并且必须在每个请求上下载。

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

有没有人有一个想法如何从外部文件加载它们?

解决方法

您可以使用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>

如果要仅加载一个模板,可以现在添加本地存储逻辑或加载模板的数组。

猜你在找的jQuery相关文章