63

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

我已经在我的 .twig 模板中尝试过这个：

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

但这仅在它是字符串时才有效。

4

5 回答 5

195

你可能需要json_encode数组，试试这个：

<script>
    $(document).ready(function(){
        var test = {{ testArray|json_encode|raw }};
    });
</script>
于 2012-12-18T08:31:59.273 回答
9

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

然后在javascript中，

var context= JSON.parse('{{ YourArrayFromController|raw}}');
于 2014-03-19T09:04:47.700 回答
5

我这样做：

然后返回控制器 test.data

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

枝条：

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

JS：

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

输出：

 ["one", "two"]

文档在这里

于 2018-04-18T23:27:20.667 回答
1

在我的控制器中，我安装了 SerializerBundle

$serializer = $this->get('serializer');
        $countries = $this->getDoctrine()->getRepository("QSCORBundle:CountryMaps")->findAll();
        $jsonCountries = $serializer->serialize($countries, 'json');
 return $this->render('QSCORBundle:Default:index.html.twig',array("countries"=> $jsonCountries));

在我的文件树枝中

<script type="text/javascript" >
 var obj = {{ countries|json_encode|raw }};
 var myObject = eval('(' + obj + ')');

 console.log(myObject[0]['capital_latitude'] + " " + myObject[0]['capital_longitude']);//for the First Element
</script>
于 2016-04-11T20:38:41.657 回答
0

json_encoderaw与过滤器结合使用效果很好。

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

不要忘记JSON_HEX_TAG国旗。
否则，您可能会得到损坏的 HTML。包含的字符串<!--<script>是测试它的好方法。

于 2022-02-07T11:45:59.113 回答