Javascriptスクリプトタグ内に動的なDjangoテンプレート変数を作成する

Question

これはすでに知っている固定変数に十分です。

<script type="text/javascript"> 
    var a = "{{someDjangoVariable}}"; 
</script> 

私は、動的変数を作成したい1つのシナリオを、持っています。 例えば - 私のクエリのdictで

<script type="text/javascript"> 
for (i = 1, bar = bar , textb = ""; i <= bar ; i++) 
    { 
    for (j = 1, category = category , textc = ""; j <= category ; j++) 
    { 
     var a = "{{someDjangoVariable + i + j}}"; 
     // Do some more stuff here in UI - create input field dynamically 
    } 
    } 
</script> 

iは（2 * 2マトリックス構造）このような構造を持っていると言うことができます - {'someDjangoVariable11' : 1, 'someDjangoVariable12' : 23, 'someDjangoVariable21': 256, 'someDjangoVariable22': 31}

動的変数を作成する方法があれば提案してください。

P.S - 行列の列と行は、ユーザー入力によって異なる場合があります。 2 *3、4 * 3、1 * 5など

Answer 1

このアプローチは、クライアント側の変数がサーバーに戻ってきないため機能しません。私は、サーバーから変数の辞書を送り返すことを提案します。

サーバーサイド：

data = {'foo': '1', 'bar': '2'} 
return render('template.html', data) 

クライアント側：

<script> var data = {{data|json|safe}}; </script> 

次に、あなたは、元の辞書のキーとJavaScriptでそれにアクセスすることができます。