REST api getJSON

by Akram kamal

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="container">
    
    <h1>TS3 Server Info</h1>
    
    <div class="row">
        <div class="col-xs-4">Name:</div>
        <div class="col-xs-8" id="name">-</div>
    </div>
    <div class="row">
        <div class="col-xs-4">Status:</div>
        <div class="col-xs-8" id="status">-</div>
    </div>
    <div class="row">
        <div class="col-xs-4">Users:</div>
        <div class="col-xs-8" id="users">-</div>
    </div>
    
</div>

CSS

.online {
    color: green;
}

.offline {
    color: red;
}

JavaScript

$.getJSON('https://api.planetteamspeak.com/serverstatus/82.211.30.15/', function(json)
{
    if(json.status == 'success')
    {
        $('#name').html(json.result.name);
        
        if(json.result.online)
        {
            $('#status').html('<span class="online">online</span>');
        }
        else
        {
            $('#status').html('<span class="offline">offline</span>');
        }
        
        $('#users').html(json.result.users + ' / ' + json.result.slots);
    }
});