php - 使用 php 和 ajax 在 html 中显示表格

Question

我是 AJAX 新手，我必须从 PHP 显示 html 表。当我按下生成按钮时，它应该显示下表。这是我在 HTML 文件中的代码：

function showHint()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    //what codes to put here when in terms of button.
    }
  }
xmlhttp.open("GET","list.php", true);
xmlhttp.send();
}
</script>
</head>
<body>
    <button onClick="showHint()">Generate</button>
</body>

在这xmlhttp.onreadystatechange=function()部分，应该是什么声明？

这是我的 PHP 文件：

<?php
$a[]="James Burb";
$a[]="Melvin Chapman";
$a[]="Eric Chan";
$a[]="Aira Gomez";
echo "<table border=1>";
for($i=0; $i<count($a); $i++)
{

echo "<tr>";
echo "<td>" .$hint=$a[$i]. "</td>";
echo "</tr>";

}
echo "</table>";
?>

提前致谢。

score 0 · Accepted Answer

您可以使用xmlhttp.responseText以下方式在某些 div 中显示您的表格：

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
  }
}

它将把返回的表格list.php放在 div 中。

php - 使用 php 和 ajax 在 html 中显示表格

1 回答 1

Related

Reference