Execute a js function only after the ajax request fully compleated

Question

I want to execute a js function only after the jquery ajax call fully completed.(After Success and Error Events completed). ie after ajax call puts incoming data to an element.

How to achive this.

Answer 1

You should use $.ajaxComplete();

$(document).ajaxComplete(function() {
  alert("compete");
});

this would be triggered after every Ajax call you make on the page

otherwise you use ajax() and set the complete property

$.ajax({
  url: "myurl",
  complete: function(){
              alert("complete");
            }
  //set all the other options as usual