如何在AJAX调用后呈现Twig模板

时间:2019-11-02 12:35:05

标签: javascript jquery wordpress twig timber

我们正在运营一个电子商务网站。为了刷新标题中的微型购物车,我正在通过AJAX调用PHP函数,并且可以接收包含所有数据的JSON或已经编译的树枝文件。就我的感觉而言,这并不是真正的最佳实践,因为如果将所有DOM元素放入其中,ajax调用可能会变得非常大。我的方法是使用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);
}

任何方式表示赞赏。

1 个答案:

答案 0 :(得分:0)

Twig模板的渲染应响应服务器的响应。也就是说,成功后,您应该已经准备好html。

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