如何通过 AJAX 从数据库中填充数据并以表格形式显示？答案

【问题标题】：How to populate data from database through AJAX and display it in table format?如何通过 AJAX 从数据库中填充数据并以表格形式显示？
【发布时间】：2017-08-15 02:19:32
【问题描述】：

<script type="text/javascript">
  function select_std(){
    var ali=$('#class_std').val();
     $('#std_name').html('');
    $.ajax({
      url:"<?php echo base_url().'admin/test/'?>"+ali,
      type:"GET",
     
      success:function(res){


$('#std_name').append(res);

      }

    });
  }

 <select id="std_name" class="form-control">
                                                
          </select>

我通过 AJAX 填充了下拉菜单，它工作正常。但是，我想以表格格式显示它，我该怎么做？我搜索了很多网站，但都是徒劳的。

【问题讨论】：

您说您“搜索了许多网站”。你试过什么？您目前有哪些代码无法解决此问题？

标签： php html ajax codeigniter

【解决方案1】：

这对于 Stack Overflow 来说是一个过于宽泛的问题，但我很乐意提供一些建议。

服务器端是否在您的控制之下？如果是这样，请尝试从您的 Web 服务器返回 JSON。因此，与其返回一个 HTML 块直接渲染，不如返回一个数组，这样每个元素都可以按单元格渲染（二维数组可以渲染行）。这里是how to do it in jQuery。

在服务器端，您需要使用json_encode() 呈现您的数据。先做这个。如果需要，您可以在服务器端硬连线一些数据，然后再将其更改为从数据库中读取。例如，这会让你开始：

echo json_encode([
    ['cell_one' => 1, 'cell_two' => 2, ],
    ['cell_one' => 3, 'cell_two' => 4, ]
]);

当然，如果您愿意，也可以使用索引数组。如果您喜欢关联数组，请将这些键名更改为更合适的名称。

获得数据后，您可以使用循环将其绘制在success 处理程序中。请你试试看好吗？

【讨论】：