对AJAX调用使用domready

Question

Is there a way to know that the elements are on a document before I try to access them with JQuery?

Code Snippet:

var s = new AjaxCall(someurl);

s.oncomplete = function(response) {
    var container = $('container_id');
    container.innerHTML = response;
    var ul = $('some_id'); }

The response is some HTML returned by the Ajax call.

This response updates the contents of a div and then I access an element that was created by the innerHTML (the ul in the code).

If the response is large, I believe there would be times that some elements would not be rendered when I will try to access them. Does domready work for AJAX calls, and could this solve my problem?

Answer 1

If you were using jQuery, your success function for the request would be:

$.ajax({
  url: "test.html",
  cache: false,
  success: function(resp){
    var ul = $("#containerID").html(resp).find("#ElementInRespID");
    //do something with ul
  }
});

This will put the result in the container, find the element you want in there and set the ul variable to it.