如何在function中查看ajax jquery是否正在加载中

Question

我有一个名为“loadloker”的 function，其中包含 ajax jquery function。我想问一下如何检查这个 function 中的 ajax 是否正在运行，因为之前已经调用过。

这些是代码块：

function loadLoker(id, e){
    if(id==currentLokerId) return;

    var url = "{{ route('daftarloker.show', ':id') }}"
    url = url.replace(':id', id);
    $.ajax({
        type: 'POST',
        url: url,
        success: function(res) {
            if(res.success){
                let loker = res.data.data;

                currentLokerId = loker.lokerid;

                $(e).parents('.card').addClass("border border-info border-3");

                $('#lokerPerusahaanNama').text(loker.perusahaan.nama);            

                $('#lokerdetailContainer').show();

                swal.close()
            }else{
                swal({
                    title: "Gagal!",
                    text: "Gagal mendapatkan data dari server",
                    icon: "warning",
                    button: "Ok!",
                    type: "warning",
                });
            }

            $('#lokerdetailloadingContainer').hide();
        },
        error: function (request, status, error) {

            swal("Gagal!", "Gagal mendapatkan data dari server", "error");
        }
    });
}

如果 function 中的 ajax 仍在运行，我希望退出此 function，

Answer 1

您可以检查 $.active 属性

function checkAjaxStatus() {
  if ($.active > 0) {
    console.log("request is in progress");
  } else {
    console.log("No request");
  }
}