Simple REST API Update Example

by HemalathaThanigaivel

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="container">
    
    <h1>TS3 Server Info</h1>
    
    <div class="row">
        <div class="col-xs-4">Client Version:</div>
        <div class="col-xs-8" id="client">-</div>
    </div>
    <div class="row">
        <div class="col-xs-4">Server Version:</div>
        <div class="col-xs-8" id="server">-</div>
    </div>
    
</div>

CSS

/**
 * Simple REST API Update Example
 */

JavaScript

$.getJSON('https://api.planetteamspeak.com/updatecheck/', function(json)
{
    $('#client').html(json.result.clientver);
    $('#server').html(json.result.serverver);
});

httpClient = {
	get: function( url, data, callback ) {
		var xhr = new XMLHttpRequest();
		
		xhr.onreadystatechange = function () {
			var readyState = xhr.readyState;

			if (readyState == 4) {
				callback(xhr);
			}
		};
		
		var queryString = '';
		if (typeof data === 'object') {
			for (var propertyName in data) {
				queryString += (queryString.length === 0 ? '' : '&') + propertyName + '=' + encodeURIComponent(data[propertyName]);
			}
		}
		
		if (queryString.length !== 0) {
			url += (url.indexOf('?') === -1 ? '?' : '&') + queryString;
		}
		
		xhr.open('GET', url, true);
		xhr.send(null);
	},
	
	post: function( url, data, callback ) {
		var xhr = new XMLHttpRequest();
		
		xhr.onreadystatechange = function () {
			var readyState = xhr.readyState;

			if (readyState == 4) {
				callback(xhr);
			}
		};
		
		var queryString = '';
		if (typeof data === 'object') {
			for (var propertyName in data) {
				queryString += (queryString.length === 0 ? '' : '&') + propertyName + '=' + encodeURIComponent(data[propertyName]);
			}
		}
		
		xhr.open('POST', url, true);
		xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
		xhr.send(queryString);
	}
};

httpClient.post( 'https://app-test.clearvueSystems.co.uk/api_v1/getLiveLineKwDataEverySecRestApi', {uid:'54:10:ec:a8:20:71:00:01',
startTime:'2019-01-29 11:00:01',
endTime:'2019-01-29 11:00:02',
resolution:1,
api:true,
customerId:'5b4700618f356e52f12304d8'}, function(xhr) {
console.log(xhr)
})