jQuery-试图了解“成功错误”和“完成失败”之间的区别

Question

下面的两个示例都返回相同的结果：

使用成功-错误

$.ajax({
  url: 'https://jsonplaceholder.typicode.com/users',
  type: 'GET',
  success: function(response) {
    response.map(item => $('#data-list').append(`<li>${item.name}</li>`));
  },

  error: function(xhr) {
    console.log(xhr.status);
    console.log('There was an error');
  }
});

使用完毕-失败

$.ajax({
  url: 'https://jsonplaceholder.typicode.com/users',
  type: 'GET'
})
  .done(function(response) {
    response.map(item => $('#data-list').append(`<li>${item.name}</li>`));
  })
  .fail(function(jqXHR, textStatus) {
    console.log('Request failed: ' + textStatus);
  });

到底有什么区别？它与回调和承诺有关吗？