assets/js/ajax.js

function AjaxErrorBadStatusCode(message) { this.name = 'AjaxErrorBadStatusCode'; this.message = message; };
AjaxErrorBadStatusCode.prototype = new Error();

var ajax = {};
ajax.create = function() {
	if(typeof XMLHttpRequest !== 'undefined') {
		return new XMLHttpRequest();
	};
	var versions = [
		"MSXML2.XmlHttp.6.0",
		"MSXML2.XmlHttp.5.0",
		"MSXML2.XmlHttp.4.0",
		"MSXML2.XmlHttp.3.0",
		"MSXML2.XmlHttp.2.0",
		"Microsoft.XmlHttp"
	];
	var xhr;
	for(var i = 0; i < versions.length; i++) {
		try {
			xhr = new ActiveXObject(versions[i]);
			break;
		} catch(e) {
			// Silent
		};
	};
	return xhr;
};

ajax.send = function(url, callback, method, data, async) {
	if(async === undefined) {
		async = true;
	};
	var a = ajax.create();
	a.open(method, url, async);
	a.onreadystatechange = function() {
		// a.readyState:
		// 0 - UNSENT
		// 1 - OPENED
		// 2 - HEADERS_RECEIVED
		// 3 - LOADING
		// 4 - DONE
		callback(method, data, a.readyState, a.status, a.responseText);
	};
	if(method == 'POST') {
		a.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
	};
	a.send(data);
};

ajax.get = function(url, data, callback, async) {
	var query = [];
	for(var key in data) {
		query.push(encodeURIComponent(key) + '=' + encodeURIComponent(data[key]));
	};
	ajax.send(url + (query.length ? '?' + query.join('&') : ''), callback, 'GET', null, async);
};

ajax.getJSON = function(url, data, callbackSuccess, callbackError, async) {
	ajax.get(url, data, function(method, data, readyState, status, responseText) {
		if(readyState == 4) {
			if(status == 200) {
				try {
					var r = JSON.parse(responseText);
					if(callbackSuccess) {
						callbackSuccess(method, data, readyState, status, r);
					};
				} catch(e) {
					if(callbackError) {
						callbackError(method, data, readyState, status, e);
					};
				};
			} else {
				if(callbackError) {
					var e = new AjaxErrorBadStatusCode('Bad status code '+status);
					callbackError(method, data, readyState, status, e);
				};
			};
		};
	}, async);
};

ajax.post = function(url, data, callback, async) {
	var query = [];
	for (var key in data) {
		query.push(encodeURIComponent(key) + '=' + encodeURIComponent(data[key]));
	};
	ajax.send(url, callback, 'POST', query.join('&'), async);
};

// TODO: rework later (remove duplicated code)
ajax.hasClass = function(obj, className) {
	return !!obj.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'));
};

ajax.addClass = function(obj, className) {
	if(!ajax.hasClass(obj, className)) obj.className += " " + className;
};

ajax.removeClass = function(obj, className) {
	if(ajax.hasClass(obj, className)) {
		var reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
		obj.className = obj.className.replace(reg, ' ').trim();
	};
};

ajax.loadTag = function(tag, url, func) {
	if(typeof window[func] === 'function') {
		if(!ajax.hasClass(tag, 'loading')) {
			ajax.addClass(tag, 'loading');
			var body = document.getElementsByTagName('body');
			if(body.length >= 1) { ajax.addClass(body[0], 'loading'); };
			ajax.getJSON(url, {}, function(method, data, readyState, status, responseData) {
				var body = document.getElementsByTagName('body');
				if(body.length >= 1) { ajax.removeClass(body[0], 'loading'); };
				try {
					var resp = window[func](tag, responseData);
					tag.innerHTML = resp;
				} catch(e) {
					console.log('ajax.loadTag', 'e', e);
				};
				ajax.removeClass(tag, 'loading');
			}, function(method, data, readyState, status, responseData) {
				ajax.removeClass(tag, 'loading');
				var body = document.getElementsByTagName('body');
				if(body.length >= 1) { ajax.removeClass(body[0], 'loading'); };
			});
		};
	};
};

ajax.processTag = function(tag) {
	var get = tag.getAttribute('data-ajax-get');
	var func = tag.getAttribute('data-ajax-func');
	var delay = tag.getAttribute('data-ajax-delay');
	if(get && get != null && func && func != null) {
		if(delay == null) {
			ajax.loadTag(tag, get, func);
		} else {
			setTimeout(function() {
				ajax.loadTag(tag, get, func);
			}, delay);
		};
	};
};

ajax.processTags = function() {
	var tags = document.querySelectorAll('[data-ajax-get]');
	for(var key in tags) if(tags.hasOwnProperty(key)) {
		var tag = tags[key];
		ajax.processTag(tag);
	};
};

ajax.reloadTag = function(tag) {
	ajax.processTag(tag);
};

ajax.reloadTagById = function(id) {
	var tag = document.getElementById(id)
	if(tag != null) {
		ajax.reloadTag(tag);
	};
};

if(window.attachEvent) {
	window.attachEvent('onload', ajax.processTags);
} else if(window.addEventListener) {
	window.addEventListener('load', ajax.processTags, false);
};