如何从Ajax post回调中更新表格Symfony 3

我有一张需要通过Ajax回调进行更新的表格，我非常努力地找到正确的方式。如何从Ajax post回调中更新表格Symfony 3

这里是一个图片的表格看起来应该像：

我无法找到正确的方式是这样，这是我目前的HTML脚本：

<table class="table table-striped"> 
<thead> 
<tr> 
    <th>#</th> 
    <th>12NC</th> 
    <th>Object Description</th> 

</tr> 
</thead> 
<tbody> 
    <tr> 
     <th scope="row"><input id="ID"></th> 
     <td><input id="NC"></td> 
     <td><input id="Des"></td> 
    </tr> 

</tbody>

这里是来自阿贾克斯的回调：

     person_name:$('#input_text').val() 
        } , 
        function (data) 
        { 
         obj1 = data[0]; 
         obj2 = data[1]; 

          var obj = JSON.parse(obj2); 
          var obj1 = JSON.parse(obj1); 



         $('#ID').val(obj1[1].id); 
         $('#NC').val(obj1[1].n_c); 
         $('#Des').val(obj[1].description); 
        } 
       ); 
      }) 
      } 
     );

有人可以请告诉我，如果我做得对，并且我可以发送所有的值，因为现在我只能从数组中发送值1。

来源

2016-11-10 Metio_1993

这是完整的Ajax代码？ –

不，但我觉得没有必要把所有的代码，beceuse在这里我试图发送数据到表 –

您需要ajax中的成功函数。更容易的选择是回应发送ajax响应的php页面的值。如

echo '<tr> 
     <td scope="row">' . $idValue . '</th> 
     <td>' . $12ncValue . '</td> 
     <td>' . $descriptionValue . '</td> 
     </tr>';

在成功函数中，您可以在给它一个类或id后附加到tbody。

<tbody id="tbody"> 


success: function (response) { 
        $('#tbody').append(response); 
        }

为另一种方法是声明的变量数组，

echo json_encode($array)

，并用。每个功能可以循环从阿贾克斯成功函数的数据。

编辑：如果你得到的价值。你需要追加它们。给id来TBODY

</tbody id="tbody">

和功能（数据）

$('#tbody').append('<tr><td>'+obj1[1].id+'</td><td>'+obj1[1].n_c+'</td><td>'+obj[1].description+'</td></tr>');

来源

2016-11-10 10:07:05

穆罕默德感谢您的答案，但有办法，我可以直接发送到一个树枝循环。 –

基本上，如果我返回并将数据数组发送到Ajax帖子，那么我可以将该对象发送到twig {％for connector in connectors％} <> {{connector .NC}} {{connector.description}} {％ENDFOR％}何我可以将它发送到树枝循环。 –

如果你决定不使用json，你可以在echo上使用twig循环。但根据我的知识，树枝循环是PHP。成功的功能是JavaScript。你可以做一个树枝循环。但如果你决定使用json，你可以做一个JavaScript .foreach循环。 –

如何从Ajax post回调中更新表格Symfony 3

回答

相关问题