how to override the Jquery.ajax function?

Question

I want to override the $.ajax function in Jquery

I want to use the existing functionality and need to add some other functionality

Example:

get the original ajax function in to OriginalAjax variable

 var OriginalAjax = $.ajax 

  $.ajax = function(xhr){

      if(xhr.status ==401)
       {
          // Diplay Error in dialog box;
       }
      return(OriginalAjax(xhr));
  });

is it possible to override the $.ajax function? if 'Yes' Please let know how to implement it?

Answer 1

Yes, you can do that...

var oldAjax = $.ajax;

$.ajax = function() {
     // Do your magic.
     return oldAjax.apply($, arguments);
};

...or...

const oldAjax = $.ajax;

$.ajax = (...args) => {
     // Do your magic.
     return oldAjax(...args);
};

However, judging by your example, you should just use a global event handler such as ajaxComplete(), where you can check the response status.