Question

我在div中有一个主要的DIV我有6个不同的表，它显示API的响应我从ajax调用API

事情不是每个API都会一直提供结果，所以我需要相应地显示

现在我正在使用.hide和.show来获取特定的结果表。

问题是，如果我从第二个API获取数据，它将在第二个位置显示该表，之后，如果5,6得到响应，他们现在显示正在发生的是，如果我得到3,4个API响应他们我将在中间获得空间，我希望将3,4结果附加到列表中。

因此，对于用户（前端），他们会像所有api一样逐个响应并逐个显示数据。

<div class="insight text-center">   
<table id="ssl_table" class="table table-hover" style="color: black; position: relative; z-index: 1000; background: white;">
</table>
<table id="links_table" class="table table-hover" style="color: black; position: relative; z-index: 1000; background: white;">
</table>
<table id="tag_table" class="table table-hover" style="color: black; position: relative; z-index: 1000; background: white;">
</table>
<table id="drupal_table" class="table table-hover" style="color: black; position: relative; z-index: 1000; background: white;">
</table>
<table id="wp_table" class="table table-hover" style="color: black; position: relative; z-index: 1000; background: white;">
</table>
<table id="zx_table" class="table table-hover" style="color: black; position: relative; z-index: 1000; background: white;">
</table>
<table id="ada_table" class="table table-hover" style="color: black; position: relative; z-index: 1000; background: white;">
</table>
</div>

我有6个这样的ajax

$.ajax({
  "async": true,
  "crossDomain": true,
  "url": "api_url",
  "method": "POST",
  "headers": {
    "content-type": "application/x-www-form-urlencoded"
  },
  "data": {
    "url": "website_url
  }
}
).done(function (response) {
if (response.current) {
    $('#wp_table').show();
} else { 
    $('#wp_table').hide();
    console.log('Error :',response)
    }  
}).fail(function (jqXHR, response) {
    $('#wp_table').hide();
    console.log('Failed',response);

});
}

Answer 1

我理解的是，你拨打了6 AJAX个电话而且你不知道哪一个先出现，哪一个出现在最后，是真的吗？

好的，您不需要所有表格，只需将数据附加到DIV即可：

jQuery的：

$("#insight-text-center").append(YOUR DATA);

注意：您最好附加到ID而不是class。

显示表结果，因为它已加载完成并从ajax调用中获取数据

1 个答案: