javascript - 单击时包含具有不同变量值的模板文件 - Symfony2/Twig

Question

当涉及到 js 文件、 Controller 、模板之间的通信时，以及涉及到 js 和 ajax 时，我完全是菜鸟。

我有这样的不同链接:

<a class="details" data-index ={{i}}> Link 1 </a>

但是点击它们不会加载另一个页面，而是打开一个迷你页面，每个链接应该有不同的变量。

我想做这样的事情:

$('.details').on('click', function(){
        var index = $(this).data('index');
        {% include 'MyBundle::information.html.twig' with {'var':index} %}
});

但是通过这种方式，.js 不会将索引变量提供给 twig 并且我得到错误，即未定义索引 :(

如何解决这个问题？这不需要通过 Controller 。更改“var”值即可。

Answer 1

最好的方法是使用 FOSJsRoutingBundle ，如果出于某种原因您不想使用该 bundle ，您可以这样做:

$('#details').on('click', function(){
    var index = $(this).data('index');

    var $whereToLoadContent = $("#divid") ; //where you want to load data
    //__index__ is just a placeholder
    var routeWithPlaceHolder= "{{ path('route_name',{'var':'_index_'}) }}" ; 
    var routeToLoad = routeWithPlaceHolder.replace("_index_",index) ;


    $whereToLoadContent.load(routeToLoad) ;


});

不确定语法是否正确，但希望您明白了。如果您经常这样做，我再次建议您使用 FOSJsRoutingBundle。