javascript - 如何将 jquery 模板文件作为外部模板文件保存，每个文件中有多个模板？

Question

我正在尝试保存一个充满模板的文件，这些模板可以在页面加载时加载到页面中。这真的可能吗？让我告诉你我的意思：

通常，我们这样做：

<script id = "template1" type= "text/x-jquery-tmpl">BLAH</script>
<script id = "template2" type= "text/x-jquery-tmpl">BLAH</script>
<script id = "template3" type= "text/x-jquery-tmpl">BLAH</script>

相反，我们怎么能做这样的事情

<script id = "all_templates" type= "text/x-jquery-tmpl">TEMPLATE1, TEMPLATE2, TEMPLATE3</script>

Answer 1

不，但是您可以简单地使用 AJAX 请求来加载包含单独<script>模板的页面，然后使用普通的 jQuery DOM 函数来访问它们：

var templates = {};
$.ajax({
    url: 'templates.html',
    dataType: 'html',
    success: function(data) {
        $('script', data).each(function() {
            templates[this.id] = $(this).text();
        });
    }
});

但是，更简洁的解决方案是将您的模板转换为服务器端的单个 JSON 对象并加载该对象。