Question

can’t seem to get the ajaxSend and Stop to work… These are global variables no? .. but I should be able to use like this… but I never get an alert??

I wanted to use these events to display an ajax animation.. although in my code I wish to position the ajax animation depending on what I am doing a what element it is.

$.ajax({
    type: "POST",
    url: "MyService.aspx/TestMe",
    data: JSON.stringify(data),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    ajaxSend: function (r, s) {
        alert('i am starting');
    }
    ,
    ajaxStop: function (r, s) {
        alert('i am stopping');
    }
    ,
    success: function (msg) {
    }
});

Answer 1

So you don’t use this functionality properly. ajaxStop, ajaxComplete and etc. is not a parameters of $.ajax function. Let say you have an ajax icon which you want to remove on request completion.

 $("#ajax_icon").ajaxStop(function(){
   $(this).hide();
 });

You have a good reference here

PS. With other function is the same.