使用Ajax＆amp; amp填充引导表。 jQuery的

Question

这是我目前的设置：

<table class="table">
  <thead>
    <tr>
      <th>#</th>
      <th>Nation</th>
    </tr>
  </thead>
  <tbody>
    <tr></tr>
    <tr></tr>
    <tr></tr>
  </tbody>
</table>

mysql表：

现在，当我在JS中执行一个函数时，我只想用我的数据库中的某些数据填充Bootstrap表。执行此操作的最佳方法是什么？

Answer 1

您可以使用jquery动态创建tr元素，并将其附加到每行数据的tbody或复制现有tr，修改数据并将其附加到tbody。

我使用ajax来获取维基百科搜索结果并使用此编解码器中的jquery创建动态行：https://codepen.io/Gander7/pen/jYMMqg向下滚动到$("#box").keypress部分。

修改

因为服务器端语言是PHP。需要有一个返回JSON的服务器端端点（URL /路由/你要调用它的任何东西）。查看如何使用this question执行此操作。您可以使用其他格式，但JSON是javascript原生的，而IMO是常用和最容易使用的格式之一。我的codepen示例使用现有的Wikipedia URL作为端点。如果您获取该URL并将其放入浏览器地址栏，您将获得JSON结果。你可以用同样的方式测试你的终端。

即。把它放在你的浏览器中，例如： https://www.mediawiki.org/w/api.php?action=query&format=json&prop=info&list=search&titles=Main%20Page&inprop=url%7Cdisplaytitle%7Cpreload&srsearch=javascript