从Ajax调用加载多个Handlebars JS模板

Question

我正在尝试使用Ajax加载包含多个Handlerbars模板的html页面。我打个电话：

$.ajax({
        url: optList.baseURL + "/HandlerBarTemplate.html",
        type: "GET",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: true,
        async: false,
        success: function (data) {
            source = data;
            $('#hbList').html(source);           
        },
        error: function (xhr, status, error) {
            alert(error);
        }
    });

我在Html中的模板就像：

<script id="item-panel-template1" type="text/x-handlebars-template">

<script id="item-panel-template2" type="text/x-handlebars-template">

...

我见过在文件中有个别模板但没有看到任何文件包含多个模板的示例。

Answer 1

通过将扩展名更改为.txt

来实现此目的

$.ajax({
        url: optList.baseURL + "/HandlerBarTemplate.txt",
        type: "GET",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            source = data;
            $('#hbList').html(source);           
        },
        error: function (xhr, status, error) {
            alert(error);
        }
    });

然后我就可以使用这些模板，就像它们在html中内联一样。