jQuery调用ajax请求的常见方法汇总

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

$.get('/ROUTE', function(response) { // success (response: HTML)}); $.getJSON('/ROUTE', function(response) { // success (response: JSON)});

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