Question

我制作了通知系统。我希望通过Ajax可以调用允许我显示未读通知数量的函数。通过浏览网站，您可以每隔10秒自动调用一次该功能。谢谢你的帮助。现在我有这个代码：

function notifications()
{
    $.get("//localhost/laravel/public/index.php/new_notifications", 
    function(data)
    { 
        data_parsed = JSON.parse(data);

        if(data_parsed.length > 0)
        {
            //code
        }
    });
}

Answer 1

如果你想每隔几秒钟调用一个函数，使用javascript的设置Interval应该这样做：

window.setInterval(function(){
  /// call your function here
}, 5000);

Source

此函数将每5秒循环/调用一次。

setInterval 是一个标准的JavaScript函数，不是jQuery的一部分。您可以使用要执行的函数调用它，并以毫秒为单位调用它：

以下是它的外观：

setInterval(function(){
    $.ajax({ url: "server", success: function(data){
        //Update your dashboard gauge
        salesGauge.setValue(data.value);
    }, dataType: "json"});
}, 10000);

Source

Answer 2

假设你有一个包含该信息的div。

<div id="unreadNotification" ></div>

在ajax调用中刷新该div。

function notifications()
{
    $.get("//localhost/laravel/public/index.php/new_notifications", 
    function(data)
    { 
        data_parsed = JSON.parse(data);

        if(data_parsed.length > 0)
        {
            //i don't know the structure of your data, but put the right thing here.
            $("#unreadNotification").text(data_parsed.unreadNotification);
        }
    });
}

每隔10秒调用一次该功能。

setInterval(notifications, 10000);

通过Ajax更新通知

2 个答案: