title: Concat variable in ajax symfony
body: <p>i want to append a table row after i press on add to cart but the probleme is in the table row id  i want to do something like this  </p>
  
  <p>what i want to append after button press </p>
  
  <pre><code>         function ajouter(idd, prix)
                                  {
                                      var test = idd;
                                      var urlEdit = "{{ 
                  path('ajouterAuPanier', { 'id': "id" }) }}";
                                      urlEdit=urlEdit.replace("id",test);
                                      $.ajax({
                                          method: 'POST',
                                          url: urlEdit,
                                          success: function(d)
                                          {
                                              if(d.msg == "success")
                                              {
                                                  i++;
                                              alert("Item Added");
                                              var prixTotal = parseInt(document.getElementById('prixTotal').innerText);
                                              prixTotal = prixTotal + prix;
                                              document.getElementById('prixTotal').innerText = prixTotal;
                                                 var id = {{ panier.id|json_encode() }};
                                                  var table = document.getElementById("customers");
                                                  var row = table.insertRow();
                                                  var cell1 = row.insertCell(0);
                                                  var cell2 = row.insertCell(1);
                                                  var cell3 = row.insertCell(2);
                                                  cell1.innerHTML =document.getElementById(idd+""+idd).innerHTML;
                                                  cell2.innerHTML ="&lt;div id="+id+id+id+"&gt;1&lt;/div&gt;&lt;input type=\"submit\" name=\"+\" value=\"+\" style=\"margin-top: -11%;margin-left: 10%;\" onclick=\"updatePlus(i)\"&gt;" +
                                                      "&lt;input type=\"submit\" name=\"-\" value=\"-\" style=\"margin-top: -19%;margin-left: 31%;\" onclick=\"updateMinus(i) \"&gt;\n";
                                                  cell3.innerHTML ="&lt;div id="+id+id+"&gt;"+prix+"&lt;/div&gt;";
                                             // document.getElementById('cartt').innerHTML +="&lt;div&gt;&lt;td&gt; PRODUIT AJOUTE &lt;/td&gt;&lt;td&gt; 1 &lt;/td&gt;&lt;/div&gt;";
                                             }
  
  
                                          }
                                      });
                                  }
  </code></pre>
  
  <p>My controller Action : </p>
  
  <pre><code> public function ajouterauPanierAction($id)
  {
  
  
          $em = $this-&gt;getDoctrine()-&gt;getManager();
          $produit = $em-&gt;getRepository(Produit::class)-&gt;find($id);
          $test = $em-&gt;getRepository(Lignedecommande::class)-&gt;findExistant($id,$this-&gt;getUser()-&gt;getId());
          count($test);
  
          if(($produit != null)&amp;&amp;($test == null))
          {
              $lignedecommande = new Lignedecommande();
              $lignedecommande-&gt;setProduitId($produit-&gt;getId());
              $lignedecommande-&gt;setUserId($this-&gt;getUser()-&gt;getId()); //à changer avec le fos
              $lignedecommande-&gt;setNomProduit($produit-&gt;getNom());
              $lignedecommande-&gt;setImage($produit-&gt;getImage());
              $lignedecommande-&gt;setEtat(0);
              $lignedecommande-&gt;setQuantite(1);
              $lignedecommande-&gt;setPrixTotal($produit-&gt;getPrix());
              $em-&gt;persist($lignedecommande);
              $em-&gt;flush();
              $msg = "success";
          }
          else if($test != null)
          {
              $line = $em-&gt;getRepository(Lignedecommande::class)-&gt;findExistant($id,$this-&gt;getUser()-&gt;getId());
  
              $line[0]-&gt;setQuantite($line[0]-&gt;getQuantite()+1);
              $line[0]-&gt;setPrixTotal($line[0]-&gt;getPrixTotal()+$produit-&gt;getPrix());
              $em-&gt;flush();
              $msg = "done";
          }
          return new JsonResponse(array('msg' =&gt; $msg));
  }
  </code></pre>
  
  <p>what i need to get : </p>
  
  <pre><code>                      &lt;div id="panier"&gt;
                              &lt;td&gt;{{ panier.nomProduit }} &lt;/td&gt;
                      ====&gt; &lt;td&gt;&lt;div id={{ panier.id }}{{ panier.id }}{{ panier.id }} &gt; {{ panier.quantite }}&lt;/div&gt;
  
                                  &lt;input type="submit" name="+" value="+" style="margin-top: -11%;margin-left: 10%;" onclick="updatePlus({{ panier.id }}) "&gt;
                                  &lt;input type="submit" name="-" value="-" style="margin-top: -14%;margin-left: 22%;" onclick="updateMinus({{ panier.id }}) "&gt;
  
  
                              &lt;/td&gt;
                              &lt;td&gt;&lt;div id={{ panier.id }}{{ panier.id }}&gt; {{ panier.prixTotal }} &lt;/div&gt;&lt;br&gt;&lt;/td&gt;
  
  
                          &lt;/div&gt;
  </code></pre>
  
  <p>the way i am putting that id in the javascript is not working is there any way to do it ?</p>