JQueryで動的に追加されるすべてのインデックスDOM要素のJSON応答を取得する

Question

apiからjsonレスポンスを取得しようとしているため、動的に追加されたDOM要素をHTMLでJQueryで処理しています。

インデックス要素ごとにjsonメッセージを表示できます。

 function checkIdnAvailability() { 
      var jsonRsp = []; 
      $('.iin').each(function (index) { 
        var tb0001_idn_val = $('#iin'+index).val(); 
        $.post("<?php echo site_url()?>college/idnCheck", { 
         tb0001_idn: tb0001_idn_val 
        }, function(response){ 
         $('#loading').hide(); 
         $('#message'+index).html('').html(response.message).show(); 
         jsonRsp.push(response.message); 
         if($.inArray("data exists", jsonRsp)) { 
          $(':input[type="submit"]').prop('disabled', true); 
         }else { 
          $(':input[type="submit"]').prop('disabled', false); 
         } 
        }); 

       } 
      ) 
     } 

ここで私は "データが存在する"と答えたい場合はjsonの応答を送信ボタンを無効にしたいと思います。

Answer 1

「データが存在しました」がアレイにプッシュされると、それ以降のすべてのAJAX応答が受信された後も引き続き存在します。したがって、これらの応答の1つを受信したときに送信ボタンを無効にするだけで、無効にしておくことができます。

function checkIdnAvailability() { 
    $(':input[type="submit"]').prop('disabled', false); 
    $('.iin').each(function(index) { 
    var tb0001_idn_val = $('#iin' + index).val(); 
    $.post("<?php echo site_url()?>college/idnCheck", { 
     tb0001_idn: tb0001_idn_val 
    }, function(response) { 
     $('#loading').hide(); 
     $('#message' + index).html(response.message).show(); 
     if (response.message == "data exists") { 
     $(':input[type="submit"]').prop('disabled', true); 
     } 
    }); 
    }) 
}