如果添加了新的数据库记录，则自动更新 HTML 的

Automatically update a <div> part of an HTML if a new database record is added

本文关键字：HTML 更新 记录 添加 数据库 如果      更新时间：2023-09-26
部分。

我有一个简单的页面，其中包含数据库中的一些产品。我想要的是创建某种更新程序，如果用户添加产品，那么页面中的特定div 将显示自动添加的最新产品。

我试图查看此链接，但它根本没有帮助，我们有不同的问题。

无论如何，这是我在 php 中的函数。

function recentlyAddeditems() {
echo '<h3>Recently Added Products</h3> <hr/>';
echo '<div id="main_section_widget">';

$sql = mysql_query("SELECT * FROM products ORDER BY id DESC LIMIT 20") or die(mysql_error());
if ($sql) {
    while ($row = mysql_fetch_array($sql)) {
        $name = $row['name'];
        $id = $row['id'];
        $category = $row['category'];
        echo "<a href='"product.php?pid=$id'">$name | $category<br/></a>
                <hr/>
                ";
    }
    echo '</div>';
    echo '
        <p><br/><a href="recentitems.php">More items...</a></p>
    ';
}
}

和 HTML 页面

<div id="main_section_widget_cover" class="dates">
            <?php recentlyAddedItems(); ?>
        </div>

有没有更简单的方法可以做到这一点？我试图在jquery中阅读有关ajax的信息，但是在没有具体示例的情况下仍然感到困惑。

请帮助堆栈向导!!

如果你想要一个jquery中的ajax示例，这里有一个非常简单的例子

<div id="main_section_widget_cover" class="dates"><div>
<script>
    $('#main_section_widget_cover').load('recentitems.php');
</script>

在最近的项目中.php

<?php recentlyAddedItems(); ?>

就是这样，这就是你做一个基本的ajax调用所需要做的一切。

相关文章：