Question

I am doing an simple get request to get a page which has scripts that dynamically insert content.

When I try to do

$.ajax({
   url: url,
   type: "GET",
   success: function(data, status, xhr){
      // triggered before dynamically inserted content is added
   },
   error: function(xhr, status, error) {
      console.log(error); 
   }
});

The success callback function is triggered and the data returned doesn’t contain the dynamically inserted content. Is it possible to wait for it to be loaded? If so, any idea how?

Answer 1

If i understood correctly the page you are fetching via get contains js code in it that issues other ajax requests whose completion you need to wait for before doing additional stuff. In that case, the best way is to have a callback function defined in your main page which you call from the success handler of the ajax call in your internal page.

If you have control over the content of the second site, you can include in it a script from the main domain. Code in this script should be able to call your callback function without cross domain security issues.