使用Ajax请求加载php循环(或类似的Javascript解决方案)

// 前端页面中的JavaScript代码
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var data = JSON.parse(this.responseText);
    // 解析服务器返回的数据，并将数据插入到页面中
    for (var i = 0; i < data.length; i++) {
      var item = document.createElement("div");
      item.innerHTML = data[i].name;
      document.getElementById("container").appendChild(item);
    }
  }
};
xmlhttp.open("GET", "your_php_script.php", true);
xmlhttp.send();

// 服务器端的PHP脚本（your_php_script.php）
<?php
$data = array();
// 执行循环操作，将结果存入$data数组中
for ($i = 0; $i < 10; $i++) {
  $data[] = array("name" => "Item " . $i);
}
echo json_encode($data);
?>