我的div内容未从JavaScript加载

时间:2019-08-23 11:55:02

标签: javascript php jquery ajax

我正试图从另一个页面连续加载div的内容,但没有加载。

我尝试使用alert,它工作正常,但页面数据未加载。

JavaScript

<script>
$(document).ready(function(){
setInterval(function(){$("#loadAvailable").load("update.php");},1000);
    });
</script>

update.php

<?php
include '../db.php';
echo "<ul>";
$sql = "SELECT cat, COUNT(*) as num_items, GROUP_CONCAT(id) AS accountID FROM accounts WHERE user = '0' GROUP BY cat";
if($result = mysqli_query($conn, $sql)){
    if(mysqli_num_rows($result) > 0){
    // output data of each row
        while($row = $result->fetch_assoc()) {
            echo "<li><a href='#' draggable='false' id='".$row["cat"]."' onclick='Gen(this.id);'>".$row["cat"]." <span class='badge' id='".$row["cat"]."AV'>".$row["num_items"]."</span></a></li>";
        }
    }
}
echo "</ul>";
?>

HTML代码

<h3><b>Choose any option from below</b></h3>
    <div class="updateBox">
        <h4><div class="title">Available Items</div></h4>
        <div class="contents">
            <div id="loadAvailable">
            </div>
        </div>
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

应该可以,但是您需要添加一些错误检查,因为它可能是无法使用的php页面:

$( "#loadAvailable" ).load( "update.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    alert(xhr.status + " " + xhr.statusText);
  }
});