Как отобразить шаблон Twig после вызова AJAX

Question

Мы работаем над сайтом электронной коммерции. Чтобы обновить нашу мини-корзину в заголовке, я вызываю функцию PHP через AJAX и могу получить JSON со всеми данными или уже скомпилированный файл ветки. На мой взгляд, это не самая лучшая практика, поскольку вызов ajax может стать очень большим со всеми этими элементами DOM внутри. Мой подход состоит в том, чтобы использовать данные из файла JSON и рендерить их со стороны JavaScript. Мои два вопроса:

1. Какова наилучшая практика для рендеринга / компиляции данных в шаблон? PHP рендеринга или со стороны JS?
2. Я читал о twig.js, но не совсем, как это использовать - особенно в WordPress, я понятия не имею, где разместить проект, чтобы он работал.

Внутри timber.js я смог найти какой-то тест, который я попытался затем добавить в свой код, но, к сожалению, он не сработал. Вот что я использовал:

const Twig = require('../twig-js').factory();

const {twig} = Twig;

Я хотел бы увидеть что-то вроде этого:

success:function(response) {
   $('.cart-dropdown').load('twig-template.twig', response);
}

Любой подход приветствуется.

Answer 1

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

$html = $twig->render( 'twig-template.twig', $args );
die( $html );