Standard Ajax Call Setup

gistfile1.js

// Setup default behavior (in some init script probably)

$(document).ajaxError(function( event, jqxhr, settings, thrownError ) {
    console.log('Ajax Error: ' + thrownError);
    console.log('Ajax Error jqXHR: ' + jqxhr);
    console.log('Ajax settings: ' + settings);
});

$.ajaxSetup({
    dataType: json,
    type: 'POST'
});


// Standard usage

var some_data = {
    name: 'Billy Bob',
    tendencies: 'Disproportionate musical rage'
}


// POST
$.ajax({
    url: '/user/' + user_id + '/change-preferences',
    data: some_data
}).done(function( results ) {
    // do something with results
    console.log(results);
});


// GET
$.get('/user/' + user_id + '/change-preferences', some_data, function(results){
    // do something with results
    console.log(results);
});

// OR GET using $.ajax
$.ajax({
    url: '/user/' + user_id + '/change-preferences',
    data: some_data,
    type: 'GET'
}).done(function( results ) {
    // do something with results
    console.log(results);
});