获取JSON响应为每个动态添加索引DOM元素与JQuery

Question

我想从api获取json响应，并因此在JQuery中为HTML中的动态添加DOM元素做事件。

我可以显示每个索引元素的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响应后仍然存在。因此，只需在收到其中一个响应时禁用提交按钮，即可保持禁用状态。

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); 
     } 
    }); 
    }) 
}