Javascript 按原样显示表格结果'；完成加载并从ajax调用获取数据

我在这个DIV中有一个主DIV，我有6个不同的表，显示了我从ajax调用API的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调用，但你不知道哪一个是第一个，哪一个是最后一个，这是真的吗

好的，您不需要所有这些表，只要在数据出现时将其附加到

DIV

：

jQuery：

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

---

注意：您最好附加到

ID

而不是

类

向我们显示您显示/隐藏表的脚本部分添加了ajax，在其中我显示了表@SanchitPatiyal

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