Why is my AJAX request hanging after running for a while?

Question

My AJAX calls from a page I wrote is hanging after an indeterminate number of calls. The page makes a request after a preset amount of time (currently 5 seconds) gets data from my server then waits the amount of time again. When I put the following as my AJAX Request:

myAjax = new Ajax.Request(
    url,
            {
                    method: 'get',
                    asynchronous: true,
                    url: url,
                    parameters: querystring,
                    onInteractive: document.getElementById('meh').innerHTML='Interactive',
                    onSuccess: processXML

            });

The div with the id "meh" will get the word Interactive written to it, but the Success condition never gets executed (same if onSuccess is replaced with onComplete).

So why is my code doing this? Thanks.

Answer 1

Shouldn't the onInteractive event handler be a reference to a function?

Answer 2

as pb said, shouldn't it be

onInteractive: function(){
document.getElementById('meh').innerHTML='Interactive'
}