jQuery Ajax object template

var ajaxTemplate = {

  init: function() {
  
    $('.parentElement').on( 'click', '.dynamicChildElement', this.ajaxCall )
  
  },
  ajaxCall: function() {
  
    $.ajax('/relative_file_path.php', {
      type: "POST", // Defaults to get
      data: {
        'key' : 'value',
        'key' : 'value'
      },
      success: function(response) {
        // Success code here
      },
      error: function(request, errorType, errorMessage) {
        // Error code here
      },
      timeout: 3000, // Defaults to browser default, so best to set explicitly set it
      beforeSend: function() {
        // Good place to place loading gif / animation
      },
      complete: function() {
        // Fires after success or error
      }

    });
  
  }

};