Wie funktioniert AJAX Anrufe mit TWIG

Question

Ich versuche zu verstehen, wie Twig eine Vorlage über AJAX laden kann. Von ihrer Website, ist es klar, wie eine Vorlage zu laden (http://twig.sensiolabs.org/doc/api.html)

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

Aber wie würde diese Arbeit für eine Ajax-Aufruf? Wie würdest du Twig sagen, dass du etwas "rendern" willst, das nur ein Teil von index.html ist ... und nicht die gesamte Seite neu laden? Ich habe Twigs einziges Ajax-Beispiel angeschaut (http://twig.sensiolabs.org/doc/recipes.html), aber das erklärt nicht, wie Twig weiß, welchen Teil der Seite Sie ändern möchten. Angenommen, Ihr Ajax-Aufruf führt zu Aktualisierungen der Seiteninhalte. Ich brauche nur ein einfaches Beispiel, etwas mehr als das, was auf Twigs Rezept Seite ist.

Answer 1

Es gibt mehrere Möglichkeiten, das zu erreichen:

1) Trennen Sie index.html in mehrere Dateien wie index.html und content.html. Dann verwenden Sie include Funktion in index.html, um content.html einzuschließen.

Beispiel:

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')); 

Edit: Wenn Sie Ihre Ajax-Request zum Beispiel mit jQuery tun:

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

2) Verwenden Sie die request.ajax boolean in Ihrer index.html

{% 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 %} 

Nicht sicher über die zweite, aber dies sollte den Trick gemäß der Dokumentation tun. Der beste Weg ist die erste Lösung, trennen Sie Ihren Code.

Answer 2

Direkt in der Vorlage:

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