Ajaxポストコールバックからテーブルを更新する方法Symfony 3

Question

私はAjaxコールバックによって更新する必要があるテーブルを持っています。私は本当にそうする正しい方法を見つけるのに苦労しています。ここで

はどのようにテーブルがようになるはずの画像です：私はそうする正しい方法を見つけることができません

、ここに私の現在の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> 

そしてここにはありますAjaxからのコールバック：

     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を配列から送ることができるので、どのようにすべての値を送ることができるか教えてください。

Answer 1

あなたはajaxで成功関数が必要です。より簡単なオプションは、ajaxレスポンスが送信されるPHPページからの値をエコーすることです。あなたはそれをクラスまたはIDを与えた後、このような

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

として成功機能であなたはTBODYに追加することができます。

<tbody id="tbody"> 


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

は別のアプローチの場合と同様に、変数の配列を宣言し、

echo json_encode($array) 

、あなたは、AJAX成功関数からループデータをすることができます.each機能を持つことになります。

編集：値を取得した場合。それらを追加する必要があります。 TBODY

</tbody id="tbody"> 

及び機能（データ）

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