javascript - 将多个 AJAX 成功调用合并为一个

Question

我正在使用表中的复选框更新数据库中的记录。我尝试在所有更新完成后提供 1 个警报，而不是针对每个单独的成功调用发出警报

  $('#update').click(function () {
$('#view_26 tbody input[type=checkbox]:checked').each(function() {
    var id = $(this).closest('tr').attr('id');
  $.ajax({
    url: 'https://api.knackhq.com/v1/objects/object_1/records/' + id,
    type: 'PUT',
    data: {field_1: 'Closed'},
    success: function (response) {
        alert('updated!');
    }
  });

这可能吗？

Answer 1

计算您的成功调用并与调用总数进行比较。

 $('#update').click(function () {

var calls=$('#view_26 tbody input[type=checkbox]:checked').length;
var success=0;

$('#view_26 tbody input[type=checkbox]:checked').each(function() {
    var id = $(this).closest('tr').attr('id');
  $.ajax({
    url: 'https://api.knackhq.com/v1/objects/object_1/records/' + id,
    type: 'PUT',
    data: {field_1: 'Closed'},
    success: function (response) {
success+=1;
if(success==calls) alert('updated!');
        }

  });

也许您还应该捕获不成功的调用。