从外部文件jQuery加载表数据

Question

我希望从外部文件中提取大量表数据到主索引页面上的表中。该代码本质上类似于

  <table>
      <tr>
        <th>Name</th>
        <th>Last</th>
      </tr>
        <div class="table-data"></div>   ##Insert data here##
   </table>

外部文件如下：

data.html

    <tr>
        <td>John</td>
        <td>Smith</td>
    </tr>
    <tr>
        <td>Mary</td>
        <td>Adams</td>
    </tr>
    <tr>
        <td>Joe</td>
        <td>Appleseed</td>
    </tr>

我一直在尝试使用jQuery和.load函数：

$(".table-data").load("data.html");

可能更多有关使用.get和.append吗？

我希望使用同一索引页上的两组不同的外部数据来完成此操作。

任何帮助，万分感谢。

（我意识到代码实际上并不能正常工作，我只是在进行布局以查看是否有人可以提供方法的帮助）。

data.html文件是一个大文件，我试图限制首次加载它，直到通过单击/按钮触发它为止。