使用ajax和jquery填充引导表

qyzbxkaa  于 2021-06-21  发布在  Mysql
关注(0)|答案(1)|浏览(384)

这是我当前的设置:

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

mysql表:

现在,当在我的js中执行一个函数时,我只想用数据库中的某些数据填充引导表。最好的方法是什么?

jutyujz0

jutyujz01#

您可以使用jquery动态创建tr元素并将其附加到每行数据的tbody中,也可以复制现有tr、修改数据并将其附加到tbody中。
我使用ajax获取wikipedia搜索结果,并在以下代码笔中使用jquery创建动态行:https://codepen.io/gander7/pen/jymmqg 向下滚动到 $("#box").keypress 部分。
编辑
因为服务器端语言是php。需要有一个返回json的服务器端端点(url/route/你想叫它什么都行)。看看这个问题怎么解决。您可以使用其他格式,但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

相关问题