Javascript 如何使用ajax刷新表中的数据？_Javascript_Php_Html_Ajax

Javascript 如何使用ajax刷新表中的数据？

javascript php html ajax

Javascript 如何使用ajax刷新表中的数据？,javascript,php,html,ajax,Javascript,Php,Html,Ajax,我不熟悉ajax。我只想简单地使用ajax从数据库查看我的表。我有两个文件listbarang.html和showlist.php。这是我的密码 PHP（showlist.PHP） HTML（listbarang.HTML）罗列巴朗函数showList（） { if（window.XMLHttpRequest） { xmlhttp=新的XMLHttpRequest（）； } 其他的 { xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）； } x

我不熟悉ajax。我只想简单地使用ajax从数据库查看我的表。我有两个文件listbarang.html和showlist.php。
这是我的密码

PHP（showlist.PHP）

HTML（listbarang.HTML）


罗列巴朗
函数showList（）
{
if（window.XMLHttpRequest）
{
xmlhttp=新的XMLHttpRequest（）；
}
其他的
{
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）
{
document.getElementById（“tblList”）.innerHTML=this.responseText；
}
};
open（“GET”，“showlist.php”，true）；
xmlhttp.send（）；
}
showlist（）；

我想知道为什么这个列表并没有这个表的内容。

提前感谢

您的回复下一步会得到什么？把它记录到控制台！请不要使用@来限制消息…您是否曾经点击过

状态===200

？@Jeff我试图移动document.getElementById（“tblList”）.innerHTML=this.responseText；在“如果”之外，它仍然不起作用。我试着运行showlist.php，它工作得很好，数据显示出来了。是的，那不行。将其写入if:

console.log（this.responseText）中并查看控制台中的内容。responseText中的内容是什么？把它记录到控制台！请不要使用@来限制消息…您是否曾经点击过状态===200
？@Jeff我试图移动document.getElementById（“tblList”）.innerHTML=this.responseText；在“如果”之外，它仍然不起作用。我试着运行showlist.php，它工作得很好，数据显示出来了。是的，那不行。将其写入if:console.log（this.responseText）中并查看控制台中的内容。
<?php 
$link = @mysqli_connect("localhost", "root", "","projekpweb");
if($link->connect_errno)
{
    echo "Failed to connect. " . $link->connect_error;
}
$sql = "SELECT * FROM `barang`";
$result = mysqli_query($link, $sql);
if(!$result)
{
    die("SQL GAK KONEK : " . mysqli_error($link));
}

echo "<table>
            <tr>
                <th>idbarang</th>
                <th>nama</th>
                <th>harga</th>
                <th>ekstensi_gambar</th>
            </tr>";
while ($row = mysqli_fetch_array($result))
{
    echo "  <tr>
                <td>".$row["idbarang"]."</td>
                <td>".$row["nama"]."</td>
                <td>".$row["harga"]."</td>
                <td>".$row["ekstensi_gambar"]."</td>
            </tr>";
}
echo "</table>";    ?>

    <!DOCTYPE html>
<html>
<head>
    <title>LIST BARANG</title>
    <script type="text/javascript">
        function showList()
        {
            if(window.XMLHttpRequest)
            {
                xmlhttp = new XMLHttpRequest();
            }
            else
            {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) 
                {
                    document.getElementById("tblList").innerHTML = this.responseText;
                }
            };
            xmlhttp.open("GET","showlist.php",true);
            xmlhttp.send();
        }
    </script>
</head>
<body>
    <div id="tblList">
        <script type="text/javascript">
            showlist();
        </script>
    </div>
</body>
</html>