jQuery调用ajax请求的几种方式示范代码

acseskd Post at 2014/11/18 7:19:00

示例代码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
  });
});


已有 -1 位网友发表了看法