Using jQuery to listen for an AJAX load that is not loaded using jQuery.AJAX

Question

Okay, have a bit of a tricky one (for me anyway, i'm pretty rubbish at jQuery/JavaScript).

I'm pulling in data using standard AJAX (ie, NOT using a framework like jQuery or whatnot... there is a reason for it)

However, I then need to load up a jQuery script as soon as the page has been loaded in. So, here is the question, how do I bind the script once the DOM has been updated? I have been using Ariel Fleser's listen plugin (http://flesler.blogspot.com/2007/10/jquerylisten.html) for picking up on events such as clicks which works a treat, but I can't see how this can be used to listen for a load event.

Any ideas? I'm pretty stumped on this one!!

Answer 1

What's wrong with:

yourXMLHTTPRequest.onreadystatechange = function () {
  if (this.readyState == 4) {
      doJQueryStuff();
  }
}

Also, what's the reason for not using the AJAX functionality provided in jQuery?

As an aside, it looks like that plugin you mention just replicates the functionality given by the live() and delegate() methods brought into jQuery in 1.4

Answer 2

In order to parse javascript loaded via ajax, you'll need to use eval(). Although, as far as these things go, a lot of coders consider eval() to be, um, evil... (a link, another link).

Regardless of the right and wrong of eval, this thread on webdeveloper should get you a lot of the way towards a solution.