コンテンツの非表示データは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 FILで

E、あなたはコンテンツを取得し、それを返す必要があります。しかし、注意すべき

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

echo $row['expert_country']; 

^{ただ一つのことを。それは常に最初の行を表示するので、それを調整する必要があります。}