Javascript 使用ajax重新加载数据后隐藏内容

我正在努力学习ajax，但我遇到了一个小问题

我创建了一个div

这是我的index.php

$con = new mysqli($localhost, $username, $password, $database);
$selectchampions = $con->query("SELECT * FROM `experts`");
$row = $selectchampions->fetch_assoc();
<div id="summary"><h1><?php echo $row['expert_country']; ?></h1></div>

问题是，在1秒后，内容发生了很好的更改，但不会以html呈现，如果我签入页面的源代码，它将显示正确的内容，但在呈现的页面中它将隐藏

范例

---

您没有将任何HTML/内容返回到呼叫，因此它不会显示任何内容

在

changediv.php

文件中，需要获取内容并返回：

$selectchampions = $con->query("SELECT * FROM `experts`");
$row = $selectchampions->fetch_assoc();

echo $row['expert_country'];

但有一件事需要注意；它总是显示第一行，所以你需要调整它

$selectchampions = $con->query("SELECT * FROM `experts`");
$row = $selectchampions->fetch_assoc();

$selectchampions = $con->query("SELECT * FROM `experts`");
$row = $selectchampions->fetch_assoc();

echo $row['expert_country'];