jQuery ajax請求程式碼例項分享

關於jQuery的ajax請求的具體概念什麼的這裡就不多介紹了。下面就分享極端關於應用的相關例項程式碼。

程式碼例項一:

[JavaScript] 純文字檢視 複製程式碼
$.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')
  }
});

例項程式碼二:

[JavaScript] 純文字檢視 複製程式碼
$.get('/ROUTE', function(response) {
  // success (response: HTML)
});
   
$.getJSON('/ROUTE', function(response) {
  // success (response: JSON)
});

例項程式碼三:

[JavaScript] 純文字檢視 複製程式碼
$('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
  });
});