Jquery stop function

Question

I have a jquery function like this:

function get()
 {
$.ajax({
     url: 'get.php',
     success: function(data) {
     $('#get').html(data);
     $('#get').fadeIn(2000);
     setTimeout(posts,2000);
    }
    });
 }
 get();

I want to stop this function when i click on a certain element in a webpage, how would i do this.

Thanks

Check this [Abort Ajax requests using jQuery](http://stackoverflow.com/questions/446594/abort-ajax-requests-using-jquery) — Zbigniew, Jul 28 '12 at 11:59
Do you want to stop the ajax request or the fadeIn-animation? — Bergi, Jul 28 '12 at 14:52

score 3 · Accepted Answer · answered Jul 28 '12 at 11:59

3

Set a variable for your AJAX request.

var getajax;

function get() {
    getajax = $.ajax({

     ......
    });
}

When you want to abort it, simply

getajax.abort();

answered Jul 28 '12 at 11:59

uzyn

6,625
5
22
41

score 0 · Answer 2 · edited May 23 '17 at 12:29

In a situation where you may not be able to globaly define all of your .ajax() call variables (as shown by another answer by @uzyn), this might be a suitable solution.

You could simply wrap your success callback with a flag indicating whether you want to cancel the result.

var ajax_canceled = false;

function get(){
  $.ajax({
    url: 'get.php',
    success: function(data) {
      if (!ajax_canceled){
          //...
      }
    }
  });
}
get();

$("#cancel_ajax").on('click',function(){
  ajax_canceled = true;
});

Jquery stop function

2 Answers2