JavaScript変数を渡してTwigテンプレートを含めるにはどうすればいいですか？

Question

おそらくそれは簡単ですが、今までは動作させることができませんでした。 質問は、実行時にJavaScript/Jqueryの変数をtwigテンプレートのインクルードに渡す方法です。ここで

は、私はAjaxの成功関数の中でやろうとしているものです：

$.ajax({ 
    //some code 

    success: function (response, textStatus, jqXHR) { 
    var partita = response.partita; 

    $("#myDiv").innerHTML({% include ":staff:ViewInfoPartita.html.twig" with {"partita" : partita} only %}); 
} 

}); 

スローエラーがある：「存在しない 『』変数」パルティータは、

Answer 1

TwigはPHPに依存しています。 TwigとPHPはサーバー上で実行され、Javascriptはクライアント上で実行されるため、値をサーバーに送信することなく、JavaScript変数に等しいTwig変数を設定することはできません。ただし、小枝変数に等しくなるようにJavascriptの変数を設定することができます。

<script type="text/javascript"> 
    var foo = '{{ foo }}'; 
</script> 

あなたはAJAXを使用する必要があるだろう小枝するJavascriptの値を送信します。 jQueryを使って、それはこのようなもの（可能な限り最も基本的な例）になります。

$variable = $request->get('variableKey'); 

Answer 2

小枝を前にproccesedさ：サーバー上の

var variableToSend = 'foo'; 

$.post('{{ path('your_ajax_route') }}', {variableKey: variableToSend}); 

を、あなたは郵便で送られた変数を受信する必要がありますあなたは、クライアントのレスポンスを取得するが、トリックは、あなたがこれを行うことができますので、あなたの変数パルティータは、フィルタまたは他の処理によって、あなたの小枝テンプレートに「変更されません」場合は、適用することができます多分あり：

var partita = response.partita; 
var tempHtml = '{% include ":staff:ViewInfoPartita.html.twig" with {"partita" : "myTempPartita"} only %}'; 
tempHtml.replace("myTempPartita", partita; 
$("#myDiv")innerHTML(tempHtml);