Show AJAX throbber during AJAX call I created custom module to make simple Ajax call. This module looks like this:

&lt;?php

/**
 * Implements hook_menu().
 */
function module_ajax_contact_menu() {
  $items['node/get/ajax/%'] = array(
    'page callback' =&gt; 'module_ajax_contact_ajax_get_ajax', // Render HTML.
    'page arguments' =&gt; array(3),
    'type' =&gt; MENU_CALLBACK,
    'access arguments' =&gt; array('access content'),
    'delivery callback' =&gt; 'module_ajax_contact_ajax_callback',
  );
  return $items;
}

function module_ajax_contact_ajax_get_ajax($nid) {
  $node = node_load($nid);
  return node_view($node, 'default');
}

function module_ajax_contact_ajax_callback($page_callback_result) {
  // Only render content
  $content = drupal_render($page_callback_result);

  // Add CSS and JS files, add some markup
  $html = '&lt;html&gt;&lt;head&gt;&lt;title&gt;&lt;/title&gt;' . drupal_get_css() . drupal_get_js() . '&lt;/head&gt;&lt;body class="jquery-ajax-load"&gt;' . $content . '&lt;script type="text/javascript" src="/sites/all/themes/pub/js/map.js"&gt;&lt;/body&gt;&lt;/html&gt;';
  print $html;

  // Perform end-of-request tasks.
  drupal_page_footer();
}


After that I make call in JS like this:

function module_ajax_contact_ajax_load(n) {
    $("#popup-contact").load("/node/get/ajax/" + n, function () {
        $("#popup-contact").foundation('open');
    });
}

$('.contact-link').click(function (e) {
       e.preventDefault();
        module_ajax_contact_ajax_load(10);
    });


So, after content is loaded from node id 10 (in this case) Reveal from Foundation opens.

I want to add Drupal's default throbber during the loading of this node.

Any idea how I could do it?
The throbber has a class of .ajax-progress-throbber.

Before the Ajax call, add an element with that class to wherever you want it in the DOM, and simply remove it again when the Ajax request completes. Drupal doesn't have any helper methods for this, just use jQuery.