使用Javascript访问通过Twig传递的变量

Question

我有一个控制器将数组传递给twig模板,我想在该页面上编写的脚本中使用它.我该怎么做呢？

我在我的.twig模板中试过这个:

<script>
    $(document).ready(function(){
        var test = {{ testArray }};
});
</script>

但这只有在它是一个字符串时才有效.

Answer 1

你可能需要json_encode这个数组,试试这个:

<script>
    $(document).ready(function(){
        var test = {{ testArray|json_encode|raw }};
    });
</script>

Answer 2

首先,发送从控制器编码的数据json

然后在javascript中,

var context= JSON.parse('{{ YourArrayFromController|raw}}');

Answer 3

我这样做：

然后返回控制器test.data

$test = array('data' => array('one','two'))

枝条：

<div id="test" data-is-test="{{ test.data|json_encode }}"></div>

杰斯：

$(document).ready(function() {
    var test = $('#test').data("isTest");
    console.log(test);
});

输出：

 ["one", "two"]