如何在樹枝中的JavaScript變量？

Question

我有這樣的代碼在我的樹枝文件：

<script> 



function trabajoEquipos(id) 
{ 
    var cliente = id 

    $.ajax({ 
     dataType: "json", 
     url: {{ path("work_trabajoEquipos",{id: cliente}) }}, 
     type: "POST", 
     data: {"cliente":cliente}, 
     success: function(data) 
     { 
      $("#divajax").html(data); 
     } 
    }) 

} 

正如你所看到的，我想提出的VAR「cliente」到AJAX的URL部分，但我不能這樣做在這樣

---

編輯

這裏是我的全部代碼的要求：

種

{% extends 'base.html.twig' %} 
    {% block body %} 
    {{parent()}} 
    <div class="container"> 
    <div class="page-header">Escribe los datos del trabajo encargado por el cliente: </div> 
      <div class="col-md-12"> 
       <div class="row well"> 
         <div style="padding-left:250px; padding-right:250px;"> 
         {{ form_start(form, {'attr' : { 'role' : 'form', 'novalidate' : 'novalidate'} }) }} 

         <div class="form-group"> 
          {{ form_label(form.titulo) }} 
          {{ form_widget(form.titulo, {'attr': { 'class' : 'form-control', 'placeholder' : 'Nombre del trabajo' } }) }} 
          <span class="text-danger">{{ form_errors(form.titulo) }}</span> 
         </div> 

         <div class="form-group"> 
          {{ form_label(form.descripcion) }} 
          {{ form_widget(form.descripcion, {'attr': { 'class' : 'form-control', 'placeholder' : 'Descripcion del trabajo' } }) }} 
          <span class="text-danger">{{ form_errors(form.descripcion) }}</span> 
         </div> 
         <div class="form-group"> 
          {{ form_label(form.fechainicio) }} 
          {{ form_widget(form.fechainicio, {'attr': { 'class' : 'form-control', 'placeholder' : '' } }) }} 
          <span class="text-danger">{{ form_errors(form.fechainicio) }}</span> 
         </div> 

         <div class="form-group"> 
          {{ form_label(form.fechaentrega) }} 
          {{ form_widget(form.fechaentrega, {'attr': { 'class' : 'form-control', 'placeholder' : '' } }) }} 
          <span class="text-danger">{{ form_errors(form.fechaentrega) }}</span> 
         </div> 

         <div class="form-group"> 
          {{ form_label(form.client) }} 
          {{ form_widget(form.client, {'attr': { 'class' : 'form-control', 'onchange' : 'trabajoEquipos(this.value)' } }) }} 
          <span class="text-danger">{{ form_errors(form.client) }}</span> 
         </div> 

         <div class="form-group"> 
          {{ form_label(form.user) }} 
          {{ form_widget(form.user, {'attr': { 'class' : 'form-control', 'placeholder' : '' } }) }} 
          <span class="text-danger">{{ form_errors(form.user) }}</span> 
         </div> 

         <div class="form-group"> 
          {{ form_label(form.prioridad) }} 
          {{ form_widget(form.prioridad, {'attr': { 'class' : 'form-control', 'placeholder' : '' } }) }} 
          <span class="text-danger">{{ form_errors(form.prioridad) }}</span> 
         </div> 

         <div class="checkbox"> 
          {{ form_widget(form.terminado) }}<b>Terminado</b> 
          <span class="text-danger">{{ form_errors(form.terminado) }}</span> 
         </div> 

         <p> 
          {{ form_widget(form.save, { 'label' : ' CREAR TRABAJO', 'attr' : { 'class' : 'btn btn-success' } } ) }} 
          <a class="btn btn-danger" href="{{ path('user_index')}}">VOLVER<span class="glyphicon glyphicon-menu-left"></span></a> 
         </p> 
         {{ form_end(form) }} 
         </div> 
       </div> 
       <div id="divajax" class="row well"> 

       </div> 
     </div> 
    </div> 
    </div> 
    <script> 



     function trabajoEquipos(id) 
     { 
      var cliente = id 

      $.ajax({ 
       dataType: "json", 
       url: {{ path("work_trabajoEquipos",{id: cliente}) }}, 
       type: "POST", 
       data: {"cliente":cliente}, 
       success: function(data) 
       { 
        $("#divajax").html(data); 
       } 
      }) 

     } 
    </script> 
{% endblock %} 

Answer 1

2個選擇： 把你的JS在樹枝所以你可以使用：

url: {{ path("work_trabajoEquipos",{'id': cliente}) }} 

或使用https://github.com/FriendsOfSymfony/FOSJsRoutingBundle

Answer 2

添加一些報價爲url:鍵：

function trabajoEquipos(id) 
    { 
     var cliente = id 

     $.ajax({ 
      dataType: "json", 
      url: "{{ path('work_trabajoEquipos', {id: cliente}) }}", 
      type: "POST", 
      data: {cliente: cliente}, 
      success: function(data) 
      { 
       $("#divajax").html(data); 
      } 
     }) 

    } 

Answer 3

這將是我解決這個問題的方法。 由於您無法將javascript var傳遞給樹枝，因此需要提前計算路徑。由於我不熟悉，我創建了一個僞代碼

template.twig

<select id="cbo_client" name="cbo_client"> 
{% for client in clients %} 
    <option value="{{ client.getId() }}" data-path="{{ path('work_trabajoEquipos', {id: client.getId() }) }}">{{ client.getName() }}</option> 
{% endfor %} 
</select> 

的Javascript symfony的表單生成器：

<script> 
$(function() { 
    $('#cbo_client').on('change', function(e) { 
     var url = $('option:selected', this).data('path'); 
     $.ajax({ 
      dataType: "json", 
      url: url, 
      type: "POST", 
      data: {cliente: $(this).val(), }, 
      success: function(data) 
      { 
       $("#divajax").html(data); 
      } 
    })    
    } 
}); 
</script>