テーブル内にajaxレスポンスを表示

Question

テーブル内のajaxレスポンスのデータを表示したい。ここで

は私のテーブルです：

<table data-toggle="table" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" id="menu_table"> 
    <thead> 
    <tr> 
     <th class="centerText" data-field="item_id">ID</th> 
     <th class="centerText" data-field="name">Name</th> 
     <th class="centerText" data-field="price">Price</th> 
     <th class="centerText" data-field="image">Image</th> 
     <th class="centerText" data-field="edit">Edit</th> 
    </tr> 
    </thead> 
    <tbody style="text-align:center;" id="menu_table_data"></tbody> 
</table> 

これは、データベースからデータを取得し、AJAXにレスポンスを返すmenu_table.phpです：

$output = ''; 
$search = mysqli_query($link,"SELECT menu.id, menu.name, menu.price, menu.image ORDER BY menu.id ASC;"); 

while($data = mysqli_fetch_array($search)) 
{ 
    $output .= '<td>'.$data['id'].'</td> 
       <td>'.$data['name'].'</td> 
       <td>'.$data['price'].'</td> 
       <td><div id="div_image"> 
       <img src="uploaded_images/'.$data['image'].'" class="thumbnail" height="100" width="80" /></div></td> 
       <td><a class="btn btn-primary glyphicon glyphicon-edit" role="button"></a></td> 
       '; 
} 
echo $output; 

これは、AJAX機能です：

$(document).ready(function(){ 
    function fetch_data(){ 
     $.ajax({ 
      url: "menu_table.php", 
      method: "POST", 
      success: function(data){ 
       $('#menu_table_data').html(data); 
      } 
     }); 
    } 
    fetch_data(); 
}); 

$（ '＃menu_table_データ '）.html（データ）;はデータを表示していますが、テーブルデータと似ていません。テーブルの中に正しく表示するにはどうすればいいですか？

Answer 1

あなたは<tr></tr>が見つかりませんでした。

これを試してみてください：バディたくさん

$output = ''; 
$search = mysqli_query($link,"SELECT menu.id, menu.name, menu.price, menu.image ORDER BY menu.id ASC;"); 
while($data = mysqli_fetch_array($search)) { 
    $output .= ' 
    <tr> 
     <td>'.$data['id'].'</td> 
     <td>'.$data['name'].'</td> 
     <td>'.$data['price'].'</td> 
     <td> 
     <div id="div_image"> 
      <img src="uploaded_images/'.$data['image'].'" class="thumbnail" height="100" width="80" /></div> 
     </td> 
     <td> 
     <a class="btn btn-primary glyphicon glyphicon-edit" role="button"></a> 
     </td> 
    </tr> 
    '; 
} 
echo $output;