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

Question

我试图学习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>

这是脚本

<script>
    function updateShouts() {
        // Assuming we have #shoutbox
        $('#summary').load('changediv.php');
    }
    setInterval("updateShouts()", 10000);
</script>

和changediv.php

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

问题是，1秒后内容变得非常好，但它不会在html中呈现，如果我在页面源中检查它显示正确的内容但在呈现的页面中它将隐藏

示例

Answer 1

您没有将任何HTML /内容返回给通话，因此它不会显示任何内容......

在changediv.php文件中，您需要获取内容并将其返回：

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

echo $row['expert_country'];

^{但有一点需要注意;它总是会显示第一行，所以你需要调整它。}