如何在php中使用ajax从while循环插入动态数据

<div id="dynamicData"></div>

<script>
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  
  // 发送Ajax请求
  xhr.open("GET", "get_dynamic_data.php", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 解析服务器返回的JSON数据
      var data = JSON.parse(xhr.responseText);
      
      // 将数据插入到容器中
      var dynamicDataContainer = document.getElementById("dynamicData");
      for (var i = 0; i < data.length; i++) {
        var item = data[i];
        dynamicDataContainer.innerHTML += "<p>" + item.name + "</p>";
      }
    }
  };
  xhr.send();
</script>

<?php
// 建立数据库连接
$conn = new mysqli("数据库主机", "用户名", "密码", "数据库名");

// 查询动态数据
$query = "SELECT * FROM 表名";
$result = $conn->query($query);

// 将查询结果转换为数组
$data = array();
while ($row = $result->fetch_assoc()) {
  $data[] = $row;
}

// 返回JSON格式数据
header("Content-Type: application/json");
echo json_encode($data);

// 关闭数据库连接
$conn->close();
?>