This is a jQuery Ajax Template 1

AJAX 3

var fetchingFlights = null;

function showFlights(e){
  $('tabs div').hide();
  $(activeDiv).show();
  var flight = $(this).data('flight');
  var flightClass = $(this).data('class');
  
  if(fetchingFlights.abort){
    fetchingFlights.abort();
  }
  var fetchingFlights = $.ajax('/flights', {
      data: { date: activeDiv },
      timeout: 8000,
      cache: false,
      beforeSend: function(){
        $('error').hide();
        $('loading').show();
      },
      complete: function(){
        $('loading').hide();
      },
      success: function(result){
        $(activeDiv).html(result);
        $(activeDiv).show();
      },
      error: function(result){
        if(result.statusText != 'abort'){
          $('#tabs #error').show();
        }
      }
  });
}