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()回调，逻辑上会更清楚，和链式写法很像。