Tag Archives: Cross Browser AJAX

How TO Handle Ajax POST With PHP

var http_request = false;
function makePOSTRequest(url, parameters) {
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,…
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
// set type accordingly to anticipated content type
//http_request.overrideMimeType(‘text/xml’);
http_request.overrideMimeType(‘text/html’);
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject(“Msxml2.XMLHTTP”);
} catch (e) {
try {
http_request = new ActiveXObject(“Microsoft.XMLHTTP”);
} catch (e) {}
}
}
if (!http_request) {
alert(‘Cannot create XMLHTTP instance’);
return false;
}

http_request.onreadystatechange = alertContents;
http_request.open(‘POST’, url, true);
http_request.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”);
http_request.setRequestHeader(“Content-length”, parameters.length);
http_request.setRequestHeader(“Connection”, “close”);
http_request.send(parameters);
}

function alertContents() {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
//alert(http_request.responseText);
result = http_request.responseText;
document.getElementById(‘img_spin’).style.display=’none’;
//alert(result);
if(result==1) {
document.getElementById(‘txtuser’).disabled=true;
document.getElementById(‘txtpass’).disabled=true;
//alert(result);
document.getElementById(‘div_go’).style.display=’none’;
document.getElementById(‘div_err’).style.display=’none’;
}
else if(result==0){
document.getElementById(‘div_err’).style.display=’block’;
}
} else {
alert(‘There was a problem with the request.’);
}
}
}
Call this function in OnClick Event Of Image/Button To get the effect.
function get(obj) {
document.getElementById(‘img_spin’).style.display=’block’;
var poststr = “txtuser=” + encodeURI( document.getElementById(“txtuser”).value ) +
“&txtpass=” + encodeURI( document.getElementById(“txtpass”).value );
//alert(poststr);
makePOSTRequest(‘__pro/pro-post.php’, poststr);
}