загрузить шаблоны jQuery из внешнего файла? - PullRequest
Новая
       20

загрузить шаблоны jQuery из внешнего файла?

22 голосов
/ 06 декабря 2010

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

Я надеялся, что есть способ определить их все во внешнем файле, а затем загрузить их и сохранить скомпилированные шаблоны в localStorage.

Кто-нибудь знает, как загрузить их извнешний файл?

Ответы [ 3 ]

14 голосов
/ 06 декабря 2010

вы можете загрузить этот шаблон с 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>

Теперь можно добавить логику локального хранилища или массив для загруженных шаблонов, если вы хотите загрузить любой шаблон только один раз.

1 голос
/ 13 апреля 2015

Я написал litle как плагин jQuery для рендеринга ajax html в блоке visible с кэшированием indexDB в браузере Загрузчик шаблонов jQuery HTML

0 голосов
/ 13 сентября 2012

Я недавно написал библиотеку javascript, чтобы помочь с этим:

https://www.github.com/stevenmhunt/tmpl.loader

Вы можете добавить jsRender или любой другой тип файлов шаблонов, используя тег <link>, и они автоматически регистрируются.

...