jQuery調用ajax請求的常見方法匯總_jquery

本文執行個體匯總了jQuery調用ajax請求的常見方法。分享給大家供大家參考。具體如下：

範例程式碼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') }});

範例程式碼2

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

範例程式碼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 });});

希望本文所述對大家的jQuery程式設計有所協助。