如何刷新div以从数据库获取新传入的数据

Question

我正在使用（ http://jquerynewsticker.com/ ）中的jquery新闻行情栏作为我的页脚。 页脚仅加载一次，因此，如果我将新数据添加到数据库中，则不会显示新数据。

我希望新闻代码div本身每x秒刷新一次，因此，如果我的数据库中有新数据，它将显示出来。

该新闻报导当前为：

<div class="footer" id="footerticker">
    <ul id="js-news" class="js-hidden">
    <c:forEach items="${handcarryTicker}" var="handcarry2">
        <li class="news-item">
            <td>LGP: ${handcarry2.item1}</td>
            <td>${handcarry2.item2}</td>
        </li>
    </c:forEach>
    </ul>
</div>

我找到了一些刷新div的解决方案，但不幸的是，它们对我没有用。 页脚已加载并显示3秒钟，然后消失。 如何修复刷新但不会消失的代码？

我当前的脚本是：

<script>
    function refresh() {
        setInterval(() => {
            $('#footerticker').load(document.URL +  ' #footerticker')
        }, 3000);
    }
$(document).ready(refresh);
</script>

Answer 1

setInterval的第一个参数应该是您要每3000毫秒执行一次的函数。 在您的示例中， update不是已定义的函数。

您可能想要的是这样的东西：

<script>
    function refresh() {
        setInterval(() => {
            $('#footerticker').load(document.URL +  ' #footerticker')
        }, 3000);

    }
$(document).ready(refresh);
</script>