Update notifications via Ajax

Question

I made a notification system. I wish I could, via Ajax, to call the function that allows me to display the number of unread notifications. There is the possibility, by browsing the website, you call the function every 10 seconds, for example, automatically. Thanks for your help. For now I have this code:

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

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

I would call that function every 10 seconds automatically. Without the need to refresh the page. — Francesco, Nov 24 '14 at 15:43

score 1 · Accepted Answer · edited May 23 '17 at 12:05

1

if you want to call a function every few seconds, using javascript's set Interval should do:

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

Source

This function will loop/be called every 5 seconds.

setInterval is a standard JavaScript function, not part of jQuery. You call it with a function to execute and a period in milliseconds:

Here's how it might look:

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

Source

edited May 23 '17 at 12:05

Community

1
1

answered Nov 24 '14 at 15:43

jbutler483

24,074
9
92
145

plus one since you noted your sources as well. I also liked the definition of setInterval, because I didn't actually know that. :s – Nov 24 '14 at 15:49

score 0 · Answer 2 · answered Nov 24 '14 at 15:43

Let's say you have a div somewhere that contains that information.

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

Refresh that div in your ajax call.

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);
        }
    });
}

Call that function every 10 seconds.

setInterval(notifications, 10000);

Update notifications via Ajax

2 Answers2