Question

How can I bind an ajaxStart function for a specific event, using :

$(document).ajaxStart(function () {
  alert("started");
});
$(document).ajaxStop(function () {
  alert("Ended");
});

Tried this code but it runs whenever autocomplete starts.

Scenario must be like this : whenever I submit a form, that function will be called.
But when I’m just fetching values using autocomplete via ajax, ajaxStart and ajaxStop shouldn’t be called.

Answer 1

 $.ajax({
      url :'your url',
      data: {
           //data to send if any
      },
      type: 'POST',
      success:function(msg){
           //eqv to ajaxstop if OK
      },
      beforeSend:function(){
           //before ajax starts
      },
      error:function(){
           //failure in ajax
      }
 });