使用 Twig 和 Symfony2 在 javascript 中生成路由

Question

很奇怪的问题，很抱歉问，我对 Symfony/Twig 很陌生。我的路线需要强制性 region_id 参数：

ajax_provinces_by_region:
  pattern: /ajax/region/{region_id}/provinces
  defaults: {_controller: SWAItaliaInCifreBundle:Ajax:provincesByRegion }
  requirements: {region_in: \d+}

问题是：我如何根据 javascript 中的 select 元素生成此路线（代码如下） ？

问题是：我无法使用 Symfony 的 path 和 url 帮助程序，因为它们需要指定 region_id参数 (this.value) 我无法访问，因为它是一个 javascript 变量（并且 Twig 是在服务器端编译的）。

$(document).ready(function() {
    $('select#regions').change(function(){

        // Make an ajax call to get all region provinces
        $.ajax({
            url: // Generate the route using Twig helper
        });

    });
});

Answer 1

我知道这是一个老问题，但以防万一您不想安装像 FOSJsRoutingBundle 这样的包，这里有一个小技巧：

var url = '{{ path("yourroute", {'region_id': 'region_id'}) }}'; 
url = url.replace("region_id", this.value);

“region_id”仅用作占位符，然后您在 JS 中将其替换为实际变量 this。价值

Answer 2

您可以使用 FOSJsRoutingBundle。

Answer 3

url:  "{{ path('SampleBundle_route',{'parameter':controller_value}) }}"

其中 SampleBundle_route 是在routing.yml 或注释中定义的有效路径。

为了进行测试，请在 twig 模板中写入以下内容：

<script>
    var url= "{{ path('SampleBundle_route') }}";
    alert(url);
</script>

Answer 4

您可以在 HTML 中使用 data 属性：

<select id="regions">
    {% for region in regions %}
        <option data-path="{{ path('ajax_provinces_by_region', {'region_id': region.id}) }}">...</option>
    {% endfor %}
</select>

然后在 javascript 中使用：

$('select#regions').on('change', function() {

    let path = $(this).find(':selected').data('path')

    $.ajax({
        'url': path
    })
})

Answer 5

 * @Route("/{id}/edit", name="event_edit", options={"expose"=true})