Заполнить внешний файл .html с помощью усов?

Question

Предположим, у меня есть код jQuery, который загружает внешний HTML-файл в шаблон.

$('#myButton').click(function(){ 
    $('#content').load('file.html'); 
}); 

Теперь я хочу, чтобы заполнить несколько полей в файле file.html. Это возможно?

Answer 1

Вот пример (непроверенный) того, как вы можете это сделать.

$('#myButton').click(function() { 

    // load text into a hidden div. 
    $('#hiddenContent').load('file.html', function() { 

    // grab template from hidden div 
    var templateString = $('#hiddenContent').html(); 

    // compile the template string into a template object 
    var compiledTemplate = hogan.compile(templateString); 

    // apply some data to the template 
    var parsedTemplate = compiledTemplate.render({...some data}); 

    // finally, show the parsed template 
    $('#content').html(parsedTemplate); 
    } 
}); 

Edit: дополнительные примечания

В идеале, вы бы не загружать file.html в йот элемент, поскольку он не должен быть показан. Просто загрузите текст.

Кроме того, скомпилирование шаблонов является дорогостоящим. В рабочей среде эти шаблоны должны быть предварительно скомпилированы. У Хогана есть команда, называемая Халк, которая делает это.

Answer 2

Возможно, что-то подобное?

$('#myButton').click(function() { 
    $('#content').load('file.html', function() { 
    // do something to populate fields created by the loading of file.html 
    } 
});