Skip to content

Instantly share code, notes, and snippets.

@dmitrizzle
Created January 8, 2018 12:21
Show Gist options
  • Save dmitrizzle/af8b179283294b17b8ff59efd7148bfe to your computer and use it in GitHub Desktop.
Save dmitrizzle/af8b179283294b17b8ff59efd7148bfe to your computer and use it in GitHub Desktop.
A simple Ajax utility to send and receive requests with vanilla JavaScript
function Ajax(url, fn) {
var request = new XMLHttpRequest();
request.open('GET', url, true);
request.onload = function() {
if (request.status >= 200 && request.status < 400) {
var data = JSON.parse(request.responseText);
fn(data);
} else {
console.log("Error. Server connection OK.", request.responseText);
}
};
request.onerror = function() {
console.log("Error. Server connection FAIL.", request.responseText);
};
request.send();
};
function Post(url, fn, params) {
var request = new XMLHttpRequest();
request.open('POST', url, true);
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.onload = function() {
if (request.status >= 200 && request.status < 400) {
var data = JSON.parse(request.responseText);
fn(data);
} else {
console.log("Error. Server connection OK.", request.responseText);
}
};
request.onerror = function() {
console.log("Error. Server connection FAIL.", request.responseText);
};
request.send(params);
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment