Question

我试图了解Twig如何通过AJAX加载模板。从他们的网站上可以看出如何加载模板（http://twig.sensiolabs.org/doc/api.html）

echo $twig->render('index.html', array('the' => 'variables', 'go' => 'here'));

但是这对AJAX调用有什么用呢？你怎么告诉Twig你想要'渲染'只是index.html的一部分的东西......而不是重新加载整个页面？我查看了Twig唯一的Ajax示例（http://twig.sensiolabs.org/doc/recipes.html），但这并未解释Twig如何知道您要更改的页面的哪个部分。假设您的Ajax调用导致页面内容更新。我只需要一个简单的例子，比Twig的食谱页面更多。

Answer 1

直接在模板中：

{% if app.request.isXmlHttpRequest() %}
  // code if ajax request
{% else %}
  // code if not ajax request
{% endif %}

Answer 2

有几种方法可以实现这一目标：

1）在index.html和content.html等几个文件中分隔index.html。然后使用index.html中的include函数添加content.html。

示例：

if(isAjaxRequest()) //try to find the right function here
   echo $twig->render('content.html', array('the' => 'variables', 'go' => 'here'))
else
   echo $twig->render('index.html', array('the' => 'variables', 'go' => 'here'));

修改： 如果您使用jQuery执行ajax请求，例如：

$.get('yoururl', function(data) {
  $('#divtoremplace').html(data);
});

2）在index.html中使用request.ajax布尔值

{% if request.ajax == false %}
<p>My header,  not reloaded with ajax</p>
{% endif %}

<p>My content, reloaded with ajax</p>

{% if request.ajax == false %}
<p>Other content,  not reloaded with ajax</p>
{% endif %}

不确定第二个，但这应该是文档中的技巧。最好的方法是第一个解决方案，将代码分开。

AJAX如何调用TWIG

2 个答案: