自动加载mysqli查询而不刷新整个页面

Question

我有一个页面，显示DIV中用户的余额，如下所示：

<div id="balance"> <?php include "php/balance.php"; ?></div>

The php/balance.php is as follows: 



enter code here <pre><?php

     include "connect.php";

      $query = "SELECT credits FROM users where  phone='{$_SESSION['phone']}'";
  $result = mysqli_query($conn, $query);
  $row = mysqli_fetch_assoc($result);
?>

    <div style=" background-color: gray; color:#fff; font- size:22px;">Credits:        </span></br><span style="color:red;"> <?=$row['credits']?></span><br /></div></pre>

天平显示得非常好。

但是我需要每3秒钟更新一次，因为它可以在这段时间内发生变化。

我需要在DIV ID余额上进行更新，而无需刷新整个页面。只需用db表中的新余额替换当前余额即可。

所以我尝试了如下的ajax，这对我不起作用：

 `<pre> 
  var auto_refresh = setInterval(function () {
   $('#balance').fadeOut('slow', function() {
    $(this).load('/echo/json/', function() {
        $(this).fadeIn('slow');
         });
     });
   }, 3000); //time to refresh balance </pre>
  `