jQuery 的这两种 ajax 封装方式有什么区别？

Question

1

$.ajax({
  url: "/path/to/file",
  type: "default GET (Other values: POST)",
  dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
  data: { param1: 'value1' },
  success: function() {
    console.log("success");
  },
  error: function() {
    console.log("error");
  }
});

2

$.ajax({
  url: '/path/to/file',
  type: 'default GET (Other values: POST)',
  dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
  data: {param1: 'value1'},
})
.done(function() {
  console.log("success");
})
.fail(function() {
  console.log("error");
})
.always(function() {
  console.log("complete");
});

Answer 1

上边是传统写法，下边是异步写法，通常下边比上边要灵活些，比如可以写几个.done()回调，逻辑上会更清楚，和链式写法很像。