使用jQuery将数据库中的值显示到表中动态创建的文本字段中

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<table>
  <tr>
    <th>ID</th>
    <th>Name</th>
    <th>Email</th>
  </tr>
  <tr>
    <td id="id1"></td>
    <td id="name1"></td>
    <td id="email1"></td>
  </tr>
  <tr>
    <td id="id2"></td>
    <td id="name2"></td>
    <td id="email2"></td>
  </tr>
  <!-- 可以根据需要动态添加更多的行 -->
</table>

$(document).ready(function() {
  $.ajax({
    url: 'get_data.php', // 后端处理数据的接口地址
    method: 'GET',
    dataType: 'json',
    success: function(response) {
      // 假设后端返回的数据格式为JSON数组，每个对象包含id、name和email字段
      $.each(response, function(index, data) {
        $('#id' + (index + 1)).text(data.id);
        $('#name' + (index + 1)).text(data.name);
        $('#email' + (index + 1)).text(data.email);
      });
    },
    error: function() {
      console.log('Error occurred while fetching data from the server.');
    }
  });
});