jQuery AJAX

Making asynchronous HTTP requests

GET Request

$.get('api/data', function(response) { # GET request
    console.log(response);
});

POST Request

$.post('api/users', { name: 'John' }, function(response) { # POST request
    console.log(response);
});

AJAX Method

$.ajax({
    url: 'api/data',
    method: 'GET',
    dataType: 'json',
    success: function(response) { # success callback
        console.log(response);
    },
    error: function(xhr, status, error) { # error callback
        console.error(error);
    }
});

Load Content

$('#result').load('page.html'); # load HTML into element

JSON Request

$.getJSON('api/data.json', function(data) { # get JSON
    console.log(data);
});

Global AJAX Settings

$.ajaxSetup({ # set default options
    timeout: 3000,
    headers: { 'X-Auth-Token': 'token' }
});