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' }
});