如何修改传递给.done()的Ajax响应，使回调同时获取响应数据与ID？

这问题我之前处理过，给你两个实用的方案，都能完美满足需求：

方案一：用.then()包装响应数据（推荐） #

通过jQuery Promise的.then()方法，我们可以把接口返回的data和传入的id包装成一个对象（或数组），返回给后续的.done()回调：

getFullAddress(id) {
  return $.ajax({ url: 'http://whatever.com' })
    .then(function(data) {
      // 将数据和ID包装成对象返回
      return {
        responseData: data,
        requestId: id
      };
    });
}

调用时就能同时拿到两个值：

this.getFullAddress(id).done(function(result) {
  console.log('接口响应:', result.responseData);
  console.log('传入的ID:', result.requestId);
});

这种方法的好处是不破坏原有的Promise链式结构，错误处理也能正常传递，而且包装后的结构清晰，可读性强。

方案二：返回数组支持ES6解构（更简洁） #

如果你的项目支持ES6语法，可以直接返回数组，调用时用解构赋值快速获取两个值：

getFullAddress(id) {
  return $.ajax({ url: 'http://whatever.com' })
    .then(data => [data, id]); // 用箭头函数简化代码
}

调用示例：

this.getFullAddress(id).done(function([data, originalId]) {
  console.log('接口响应:', data);
  console.log('传入的ID:', originalId);
});

注意事项 #

• 不建议直接给接口返回的data对象添加id属性：因为有些接口返回的是不可扩展的对象，或者后续其他逻辑可能依赖原始的data结构，修改它容易引发潜在问题。
• 两种方案都保留了jQuery Ajax原有的错误处理逻辑，如果请求失败，.fail()回调依然能正常捕获错误。

内容的提问来源于stack exchange，提问作者Povilas Gintutis