Online counter without page refresh with ajax

Question

I have a counter script on a website on the Internet and it (shows online on the server in gta) how can I make the counter work without reloading the page?

  var ip = "rage2.grand-rp.su:22005";
  $.getJSON('https://cdn.rage.mp/master', function(masterlist) {
      $.each(masterlist, function(key, result) {
          if(key == ip) {
              document.getElementById('online').innerHTML = result.players;
              return false;              
          }
      });
  });

shows, but always have to refresh the page to see the new online — GRANDMASTER, Aug 27 '20 at 12:15

score 0 · Accepted Answer · answered Aug 27 '20 at 12:16

0

You could wrap the code in an function, then use 'setInterval' to run the function as often as you like.

<script>
    // How often to run the update function in ms (1000ms = 1sec)
    var updateInterval = 1000;

    setInterval(updatePlayerCount, updateInterval);

    // Function to run update logic
    function updatePlayerCount() {
        var ip = "rage2.grand-rp.su:22005";

        $.getJSON('https://cdn.rage.mp/master', function(masterlist) {
            $.each(masterlist, function(key, result) {
                if(key == ip) {
                    document.getElementById('online').innerHTML = result.players;
                    return false;              
                }
            });
        });
    }
</script>

answered Aug 27 '20 at 12:16

ninja

2,233
1
15
15

cool, this code is working. But what would be better with ajax or this code? – GRANDMASTER Aug 27 '20 at 12:25
@GRANDMASTER what makes you think there's something better? – Heretic Monkey Aug 27 '20 at 12:28
@GRANDMASTER you're already using ajax through the $.getJSON-function. Even if you were to directly use the jQuery $.ajax-function you would still need to wrap it in a interval. – ninja Aug 27 '20 at 12:30

Online counter without page refresh with ajax

1 Answers1