Question

<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填充了下拉菜单，它运行正常。但是，我想以表格格式显示它，我该怎么做？我搜索了很多网站但都徒劳无功。

Answer 1

对于Stack Overflow来说这是一个相当广泛的问题，但我很乐意给出一些指示。

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

在服务器端，您需要使用json_encode()呈现数据。首先这样做。如果需要，可以在将数据更改为从数据库中读取之前，在服务器端硬连接一些数据。例如，这可以帮助您入门：

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

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

获得数据后，可以使用循环在success处理程序中绘制数据。你能试试吗？

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

1 个答案: