ajax-events.js

$("#submit-btn").on('click', function(event) {  
  event.preventDefault();
  var form, url, data, requests;
  
    form = $("#form");
        url = form.attr('action');
        data = form.serializeArray();
        
    requests = {
        getJsonAction : 'http://url.com' // No query param here. jsonp mode sets it.
    };
  
  // The functions which handles success and failure
    var responseHandler = {
        success: function(data){
            console.log('Response was successful.', data);
        },
        error: function(data){
            console.log('Response issued an error.', data);
        }
    };
    
    // Use raw AJAX for finer control over jqXHR object.
    $.ajax({
        dataType: "jsonp",
        url: requests.getJsonAction,
        type: 'POST'
    }).done(responseHandler.success)
        .fail(responseHandler.fail);
});