javascript - 使用 JQuery 获取每个动态添加的索引 DOM 元素的 JSON 响应

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

一旦您将“数据存在”推送到数组中，在收到所有 future 的 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);
      }
    });
  })
}