javascript - 我如何显示我的 table ？

Question

这是我的 index.php View ，我的 table 放置在其中

<table class="striped">
              <thead>
                <tr>
                    <th>Id</th>
                    <th>Name</th>
                    <th>Address</th>
                    <th>Created at</th>
                </tr>
              </thead>

              <tbody id="showdata">
                <!--<tr>
                  <td>1</td>
                  <td>Alvin</td>
                  <td>Eclair</td>
                  <td>$0.87</td>
                  <td>
                    <a href="javascript:;" class="waves-effect waves-light btn">Edit</a>
                    <a href="javascript:;" class="waves-effect waves-light btn">Delete</a>
                  </td>
                </tr>-->
              </tbody>
</table>

这是我的 ajax 脚本，放在index.php

function showAllEmployee() {
      $.ajax({
        type: 'ajax',
        url: '<?php echo base_url(); ?>index.php/Employee/showAllEmployee',
        async: false,
        dataType: 'json',
        success: function(data) {
          //console.log(data);
          var html = '';
          var i;
          for (i=0; i<data.length; i++) {
            html += '<tr>'+
                  '<td>'+data[i].emp_id+'</td>'+
                  '<td>'+data[i].name+'</td>'+
                  '<td>'+data[i].address+'</td>'+
                  '<td>'+data[i].created_at+'</td>'+
                  '<td>'+
                    '<a href="javascript:;" class="waves-effect waves-light btn" style="margin-right: 10px;" data="'+data[i].emp_id+'">Edit</a>'+
                    '<a href="javascript:;" class="waves-effect waves-light btn" data="'+data[i].emp_id+'">Delete</a>'+
                  '</td>'+
                '</tr>';
          }
          $('#showdata').html(html);
        },
        error: function() {
          alert('Could not get data from database');
        }

      });
    }

这就是我的员工 Controller 上的内容

public function showAllEmployee()
    {
        $result = $this->em->showAllEmployee();
        echo json_encode($result);
    }

这是我的模型

public function showAllEmployee()
    {
        $this->db->order_by('created_at', 'desc');
        $query = $this->db->get('tbl_employees');
        if($query->num_rows() > 0) {
            return $query->result();
        } else {
            return false;
        }
    }

每当我刷新页面时，数据都不会显示，而是遇到错误，无法从数据库获取数据，这是我在 ajax 脚本上设置的条件，可能是错误的，请帮助

Answer 1

在 Controller 中将 header 设置为 JSON 类型 将您的 Controller 更改为

public function showAllEmployee(){
    $result = $this->em->showAllEmployee();
    $this->output
        ->set_content_type('application/json')
        ->set_output(json_encode($result));
}