Created
November 6, 2012 13:51
-
-
Save julsfelic/4024854 to your computer and use it in GitHub Desktop.
AJAX Utility
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var ajaxUtility = { | |
createXHR: function () { | |
if (typeof XMLHttpRequest !== "undefined") { | |
return new XMLHttpRequest(); | |
} else { | |
var versions = ["MSXML2.XmlHTTP.6.0", "MSXML2.XmlHTTP.3.0"]; | |
for (var i = 0; i < versions.length; i++) { | |
try { | |
var xhr = new ActiveXObject(versions[i]); | |
return xhr; | |
} catch (error) { | |
//do nothing | |
} | |
} | |
} | |
alert("Your browser does not support XmlHTTP"); | |
return null; | |
}, | |
makeGetRequest: function (url, callback) { | |
var xhr = this.createXHR(); | |
xhr.open("GET", url); | |
xhr.onreadystatechange = function () { | |
if (xhr.readyState === 4) { | |
var status = xhr.status; | |
if ((status >= 200 && status < 300) || (status === 304)) { | |
callback(xhr.responseText); | |
} else { | |
alert("An error occurred"); | |
} | |
} | |
}; | |
xhr.send(null); | |
}, | |
getRequestBody: function (form) { | |
var pieces = []; | |
var elements = form.elements; | |
for (var i = 0; i < elements.length; i++) { | |
var element = elements[i]; | |
var name = encodeURIComponent(element.name); | |
var value = encodeURIComponent(element.value); | |
pieces.push(name + "=" + value); | |
} | |
return pieces.join("&"); | |
}, | |
postFromForm: function (url, form, callback) { | |
var xhr = this.createXHR(); | |
var data = this.getRequestBody(form); | |
xhr.open("POST", url); | |
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); | |
xhr.onreadystatechange = function () { | |
if (xhr.readyState === 4) { | |
var status = xhr.status; | |
if ((status >= 200 && status < 300) || (status === 304)) { | |
callback(xhr.responseText); | |
} else { | |
alert("An error occurred"); | |
} | |
} | |
}; | |
xhr.send(data); | |
}, | |
makePostRequest: function (url, data, callback) { | |
var xhr = this.createXHR(); | |
xhr.open("POST", url); | |
xhr.onreadystatechange = function () { | |
if (xhr.readyState === 4) { | |
var status = xhr.status; | |
if ((status >= 200 && status < 300) || (status === 304)) { | |
callback(xhr.responseText); | |
} else { | |
alert("An error occured"); | |
} | |
} | |
}; | |
xhr.send(data); | |
} | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment