jquery - 将参数传递给 $.then 函数

Question

我有类似以下内容:

$(".remove-item").click(function(e) {
    e.preventDefault();

    var url = $(this).attr('href');
    var id = $(this).data("id");
    $.when(removeItem(url))
      .then(removeItemResponse(id));
});

var removeItemResponse = function(data, id) {
   console.log(data);
   console.log(id);
};

var removeItem = function(url) {
  return $.post(url);
};

上面的内容不起作用，因为在处理 ajax 请求后我在日志中没有得到任何内容，并且我知道它与我如何处理removeItemResponse中的参数有关。我需要使用 ajax post 返回的数据，但还需要传入我在 click 函数中检索到的 id。

Answer 1

removeItemResponse(id) 正在立即执行该函数，并且您没有传递第一个延迟的结果。试试这个:

.then(function(data) { removeItemResponse(data, id) });

done() 也适用于此:

.done(function(data) { removeItemResponse(data, id) });

您可以像这样简化和处理故障:

removeItem(url)
    .done(function(data) { removeItemResponse(data, id) });
    .fail(function(result) { /* do something else */ });