jquery - 带有 src 的浏览器端模板

Question

最近我一直在探索Backbone ，他们确实鼓励使用模板引擎。

现在，我有一堆 html 文件，我想用它来显示，我很可能不得不在开发阶段经常编辑它们。我读过的大多数教程都是这样推荐的:

<script type="text/template" id="template1">
    <ul>
        <li>Hic sunt dracones</li>
    </ul>
</script>
<script type="text/javascript">
    template = $('#template1').html();
<script>

所以我想知道是否可以使用 src 属性来包含模板文件。或者，如果没有，加载模板文件的常用方法是什么？

Answer 1

使用 src因为这是不可能的。您可以包含一个 JavaScript 文件，尽管它是在服务器上从单独的模板文件生成的；使用 PHP，它可以像这样简单:

<?php
$templates = array(
    'foo' => file_get_contents('foo.html'),
    'bar' => file_get_contents('bar.html'),
);
header('Content-type: text/javascript');
echo 'var templates = ' . json_encode($templates);
?>

正在用 <script> 加载此文件标签然后给你一个对象 templates您可以通过 templates.foo 访问各种模板, templates.bar等