W jaki sposób połączenia AJAX działają z TWIG

Question

Próbuję zrozumieć, w jaki sposób Twig może załadować szablon za pośrednictwem AJAX. Z ich strony internetowej, to jest jasne, w jaki sposób załadować szablon (http://twig.sensiolabs.org/doc/api.html)

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

Ale jak ta praca dla AJAX nazwałbym? Jak powiedziałbyś Twigowi, że chcesz "renderować" coś, co jest tylko częścią index.html ... i nie przeładować całej strony? Spojrzałem na jedyny przykład Ajaksu Twig (http://twig.sensiolabs.org/doc/recipes.html), ale to nie wyjaśnia, jak Twig wie, jaka część strony chcesz zmienić. Zakładając, że twoje połączenie z Ajaxem powoduje aktualizacje zawartości strony. Po prostu potrzebuję tego prostego przykładu, czegoś więcej niż na stronie przepisu Twig.

Answer 1

Istnieje kilka sposobów, aby to osiągnąć:

1) oddzielić index.html w kilku plików jak index.html i content.html. Następnie użyj funkcji include w pliku index.html, aby dołączyć content.html.

Przykład:

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: Jeśli wykonać żądania ajax z jQuery na przykład:

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

2) Użyj request.ajax logiczną w 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 %} 

Nie jestem pewien o drugim, ale powinno to załatwić sprawę z dokumentacją. Najlepszym sposobem jest pierwsze rozwiązanie, oddziel swój kod.

Answer 2

bezpośrednio w szablonie:

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