Ajax request probleem
Ik loop tegen een probleem aan bij het uitvoeren van een AJAX request. Na het klikken op een knop moet een actie worden uitgevoerd en de bijbehorende statustekst (succes of failure) in Div1 worden weergegeven. Wat er gebeurt is dat de actie wel wordt uitgevoerd, maar de statustekst niet wordt weergegeven. Zou iemand wellicht weten waar dit aan ligt?
Script:
function ajaxRequest(url, func)
{
var ajaxObject = createAjaxObject();
var self = this;
ajaxObject.open('GET', url, true);
ajaxObject.onreadystatechange = function()
{
if(self.ajaxObject.readyState==4 && self.ajaxObject.status==200)
{
document.getElementById(element_id).innerHTML = self.ajaxObject.responseText;
delete ajaxObject;
}
};
ajaxObject.send();
}
function createAjaxObject()
{
var ajaxObject;
try
{
ajaxObject = new XMLHttpRequest();
}
catch (e)
{
try
{
ajaxObject = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
try
{
ajaxObject = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
return;
}
}
}
return ajaxObject;
}
Toevoeging op 18/04/2011 02:02:15:
Excuses, code is als onderstaand, waarbij doAjax() de functie is die het proces start:
function ajaxRequest(url, func)
{
this.ajaxObject = createAjaxObject();
this.ajaxObject.open('GET', url, true);
this.ajaxObject.onreadystatechange = func;
this.ajaxObject.send();
}
function doAjax(url, element_id)
{
ajaxRequest(url, function()
{
self = this;
if(self.ajaxObject.readyState==4 && self.ajaxObject.status==200)
{
document.getElementById(element_id).innerHTML = self.ajaxObject.responseText;
}
});
}
ajaxRequest(url, function(){
if(this.readyState==4 && this.status==200){
document.getElementById(element_id).innerHTML = this.responseText;
}
});
}