Here are example codes showing how to make a basic GET and POST request using XMLHttpRequest object
GET Request using XMLHttpRequest
Here is an example which works on all devices and browsers
var request;
if(window.XMLHttpRequest)
{
request = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
try
{
request = new ActiveXObject('Msxml2.XMLHTTP');
}
catch (e)
{
try
{
request = new ActiveXObject('Microsoft.XMLHTTP');
}
catch (e) {}
}
}
var url = 'http://qnimate.com/ajax.php?key=' + encodeURIComponent(value);
request.open('GET', url);
request.onreadystatechange = function() {
if(request.readyState === 4)
{
if(request.status === 200)
{
console.log(request.responseText)
}
}
};
function ajaxCallback(e){}
request.addEventListener("progress", ajaxCallback, false);
request.addEventListener("load", ajaxCallback, false);
request.addEventListener("error", ajaxCallback, false);
request.addEventListener("abort", ajaxCallback, false);
request.send(null);
if(window.XMLHttpRequest)
{
request = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
try
{
request = new ActiveXObject('Msxml2.XMLHTTP');
}
catch (e)
{
try
{
request = new ActiveXObject('Microsoft.XMLHTTP');
}
catch (e) {}
}
}
var url = 'http://qnimate.com/ajax.php?key=' + encodeURIComponent(value);
request.open('GET', url);
request.onreadystatechange = function() {
if(request.readyState === 4)
{
if(request.status === 200)
{
console.log(request.responseText)
}
}
};
function ajaxCallback(e){}
request.addEventListener("progress", ajaxCallback, false);
request.addEventListener("load", ajaxCallback, false);
request.addEventListener("error", ajaxCallback, false);
request.addEventListener("abort", ajaxCallback, false);
request.send(null);
POST Request using XMLHttpRequest
Here is an example which works on all devices and browsers
var request;
if(window.XMLHttpRequest)
{
request = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
try
{
request = new ActiveXObject('Msxml2.XMLHTTP');
}
catch (e)
{
try
{
request = new ActiveXObject('Microsoft.XMLHTTP');
}
catch (e) {}
}
}
var url = 'http://qnimate.com/ajax.php?key=' + encodeURIComponent(value);
request.open('POST', url);
//use "multipart/form-data" as Content-Type if sending binary files
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
request.onreadystatechange = function() {
if(request.readyState === 4)
{
if(request.status === 200)
{
console.log(request.responseText)
}
}
};
function ajaxCallback(e){}
request.addEventListener("progress", ajaxCallback, false);
request.addEventListener("load", ajaxCallback, false);
request.addEventListener("error", ajaxCallback, false);
request.addEventListener("abort", ajaxCallback, false);
request.send("key=value&key1=value1");
if(window.XMLHttpRequest)
{
request = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
try
{
request = new ActiveXObject('Msxml2.XMLHTTP');
}
catch (e)
{
try
{
request = new ActiveXObject('Microsoft.XMLHTTP');
}
catch (e) {}
}
}
var url = 'http://qnimate.com/ajax.php?key=' + encodeURIComponent(value);
request.open('POST', url);
//use "multipart/form-data" as Content-Type if sending binary files
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
request.onreadystatechange = function() {
if(request.readyState === 4)
{
if(request.status === 200)
{
console.log(request.responseText)
}
}
};
function ajaxCallback(e){}
request.addEventListener("progress", ajaxCallback, false);
request.addEventListener("load", ajaxCallback, false);
request.addEventListener("error", ajaxCallback, false);
request.addEventListener("abort", ajaxCallback, false);
request.send("key=value&key1=value1");
Leave a Reply