我刚刚开始使用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>
如果要仅加载一个模板,可以现在添加本地存储逻辑或加载模板的数组。