Javascript 如何在AJAX调用后呈现细枝模板

Javascript 如何在AJAX调用后呈现细枝模板,javascript,jquery,wordpress,twig,timber,Javascript,Jquery,Wordpress,Twig,Timber,我们正在经营一个电子商务网站。为了刷新标题中的mini-cart,我通过AJAX调用了一个PHP函数,可以接收包含所有数据的JSON,也可以接收一个已经编译过的twig文件。在我看来,这并不是真正的最佳实践,因为ajax调用在包含所有DOM元素的情况下可能会变得非常大。我的方法是使用JSON文件中的数据,并从javascript端呈现它。我的两个问题是: 将数据呈现/编译到模板中的最佳实践是什么?PHP渲染还是从JS端 我读过关于twig.js的文章,但不太清楚如何使用它——特别是在wordpr

我们正在经营一个电子商务网站。为了刷新标题中的mini-cart,我通过AJAX调用了一个PHP函数,可以接收包含所有数据的JSON,也可以接收一个已经编译过的twig文件。在我看来,这并不是真正的最佳实践,因为ajax调用在包含所有DOM元素的情况下可能会变得非常大。我的方法是使用JSON文件中的数据,并从javascript端呈现它。我的两个问题是:

  • 将数据呈现/编译到模板中的最佳实践是什么?PHP渲染还是从JS端
  • 我读过关于twig.js的文章,但不太清楚如何使用它——特别是在wordpress中,我不知道该把项目放在哪里才能让它工作
  • 在timber.js中,我可以找到一些测试,然后我尝试将其添加到我的代码中,但不幸的是,它不起作用。这就是我使用的:

    const Twig = require('../twig-js').factory();
    
    const {twig} = Twig;
    
    我希望看到这样的情况:

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

    任何方法都值得赞赏。

    小枝模板的呈现应该由服务器响应。也就是说,如果成功,您应该准备好html

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