如果添加了新的数据库记录,则自动更新HTML的<div>部分</div>

时间:2012-06-28 00:53:44

标签: php javascript html ajax

我有一个简单的页面,其中包含数据库中的一些产品。我想要的是创建某种更新程序,如果用户添加产品,那么页面中的特定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但在没有具体例子的情况下仍然感到困惑。

请帮助堆栈向导!!!

1 个答案:

答案 0 :(得分:0)

如果你想在jquery中有一个ajax的例子,这是一个非常简单的例子

<div id="main_section_widget_cover" class="dates"><div>

<script>
    $('#main_section_widget_cover').load('recentitems.php');
</script>

in recentitems.php

<?php recentlyAddedItems(); ?>

多数民众赞成,这就是你做基本的ajax调用所需要做的一切