Summary of common methods for jQuery to call ajax requests, and summary of jquery to call ajax
This example summarizes the common methods for jQuery to call ajax requests. Share it with you for your reference. The details are as follows:
Sample Code 1
$.ajax('/ROUTE', { type: 'GET' data: {param1: 'Hello', param2: 'World'}, dataType: 'json', contentType: 'application/json', timeout: 3000, success: function(response) { // console.log(response.something); }, error: function(request, errorType, errorMessage) { // console.log("[" + errorType + "] " + errorMessage); }, beforeSend: function() { // do something like .addClass('is-fetching') }, complete: function() { // do something like removeClass('is-fetching') }});
Sample Code 2
$.get('/ROUTE', function(response) { // success (response: HTML)}); $.getJSON('/ROUTE', function(response) { // success (response: JSON)});
Sample Code 3
$('form').on('submit', function(event) { event.preventDefault(); var formData = $(this).serialize(); $.ajax($(this).attr('action'), { type: $(this).attr('method'), data: formData, dataType: 'json', contentType: 'application/json', success: function(response) {}, error: function(request, errorType, errorMessage) {}, beforeSend: function() {}, complete: function() {}, timeout: 3000 });});
I hope this article will help you with jQuery programming.