Как использовать шаблон handlebars совместно с ajax?

Question

[mmka]

Имеем следующий шаблон:

<script type="text/javascript" id="template" type="text/x-handlebars-template">
      <p>{{ title }}</p>
</script>

И ajax запрос:

$.ajax({
  url: '/ajaxtest',
  dataType: 'json',
  success: function(data) {
    $(".prodlist").empty();
    $(".prodlist").html(data);
  }
});

Как использовать шаблон хандлебарс? И еще один вопрос возвращается json ответ. Как получить доступ к переменным?

На $(".prodlist").empty(); $(".prodlist").html(data); можно не обращать внимание

Comments

[mmka]

Правильно ли я использую шаблонизтор? Выскакивает ошибка Use of undefined constant title - assumed 'title'. Использую совместно с laravel.

Answer 1

[ClassicRed]

возможно уже поздно и вы разобрались самостоятельно, но вот (используется jQuery)
- функция загрузки шаблона Handlebars из внешнего файла (*.hbs):

var getTempl = function (name) {
        if (Handlebars.templates === undefined || Handlebars.templates[name] === undefined) {
            $.ajax({
                url : 'app/templates/' + name + '.hbs',
                success : function(data) {
                    if (Handlebars.templates === undefined) {
                        Handlebars.templates = {};
                    }
                    Handlebars.templates[name] = Handlebars.compile(data);
                },
                async : false
            });
        }
        return Handlebars.templates[name];
    };

- функция загрузки json:

var loadData = function (dataUrl, callback) {
        var response;
        $.ajax({
            url: dataUrl,
            async: false
        }).done(function(data){
            if(isType('Function', callback)) {
                callback.call();
            }
            response = data;
        });
        return response;
    };

и все вместе превращается в :

var data = loadData(some/json-data/url),
      tmplOne = getTmpl('template-one')(data),
      tmplTwo = getTmpl('template-two')(data);

$('body').appned(tmplOne).append(tmplTwo);

про функцию isType() - абзац про класс объекта

Answer 2

[mmka]

что никто не знает как использовать handlebars c ajax?

Comments

[Константин Китманов]

Какая разница, с чем использовать хендлбарс? Компилите шаблон, получаете функцию. Скармливаете этой функции данные — получаете строку, которую уже вставляете куда нужно.

что вообще значит «возвращается json ответ. Как получить доступ к переменным»? Как вы обычно получаете доступ к полям объекта в JS?