Почему данные json отображаются в заголовке в коде сигнатуры HMVC - AJAX

Question

Я новичок в Ajax, и я не знаю, как преодолеть эту ошибку. Я не понимаю эту ошибку. Пожалуйста помоги.

Вот мой модальный User_m.

Я получаю данные из базы данных успешно

    <?php
  class Users_m extends CI_Model
  {
    public function showAllAdmins()
    {
      $query  = $this->db->get('admin_users');
      if($query->num_rows() > 0){
          return $query->result();
      }else{
          return false;
      }
    }
  }
?>

Вот мой контроллер AdminUsers

Я получаю все данные из базы данных через мой модал и кодирую их, используя json_encode, но я не знаю, почему эти данные json отображаются в заголовке моей страницы. На этом изображении

  class AdminUsers extends MY_Controller
  {
    public function __construct()
    {
      parent::__construct();
      $this->load->model('AdminUsers/Users_m');
    }

    public function index()
    {
      $data['content_view'] = 'AdminUsers/viw_users';
      $data['page_title']   = 'Users';
      $data['page_descr']   = 'all admin users';
      $result  = $this->Users_m->showAllAdmins();

      echo json_encode($result);
      $this->template->admin_template($data);
    }
}

И это мой код AJAX

Когда я каждый раз обновляю свою страницу, она запускает предупреждение. Не удалось получить данные из базы данных. Я не знаю, как передать данные Json в AJAX. Я вижу консольный журнал, но не вижу ошибок. Я также загружаю jQuery. Любая помощь будет оценена. Спасибо за ваши ответы. И когда я зацикливаюсь на этом, это уходит в бесконечность.

 $(function(){
      showAllAdmins();

        function showAllAdmins(){
          $.ajax({
              type:'ajax',
              url: 'http://localhost/hmvcExample/AdminUsers',
              async:false,
              success: function(data){
                var html  = '';
                var i = 0;
                for(i=0; i<data.length; i++){
                    html +='<tr>'+
                              '<td>Rakesh</td>'+
                              '<td>Kumar</td>'+
                              '<td>[e-mail]</td>'+
                              '<td>Rocky</td>'+
                              '<td><a href="#"><button class="btn btn-primary">Edit</button></a> <a href="#"><button class="btn btn-danger">Delete</button></a></td>'+
                            '</tr>';
                }
                $('#showData').html(html);
              },
              error: function(){
                alert('Could not load Data from Database');
              }

          });
        }
    });

Просмотреть файл

<div class="box">
  <div class="box-header">
    <h3 class="box-title">Users List</h3>
    <button class="btn btn-success pull-right">Add New</button>
  </div>
  <!-- /.box-header -->
  <div class="box-body">
    <table id="example2" class="table table-bordered table-hover table-responsive">
      <thead>
      <tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Email Address</th>
        <th>User Name</th>
        <th>Action</th>
      </tr>
      </thead>
      <tbody id="showData">

      </tbody>
    </table>
  </div>
  <!-- /.box-body -->
</div>

Answer 1

Я публикую пример кода. Пожалуйста, обратитесь.

<table id="example1" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th>Slno</th>
                        <th>Name</th>
                        <th>Username</th>
                        <th>Email</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody id="user_table">
                        <?php if($result) { $i =1; foreach ($result as $row){ ?>
                        <tr>
                            <td><?php echo $i; ?></td>
                            <td><?php echo $row->fullname; ?></td>
                            <td><?php echo $row->username; ?></td>
                            <td><?php echo $row->email; ?></td>
                            <td><?php if($row->active == "1"){ ?>
                                <span class="label label-success"><?php echo 'Active'; ?></span>  
                            <?php }elseif($row->active == "0"){ ?>
                                <span class="label label-warning"><?php echo 'Inactive'; ?></span>
                            <?php } ?></td>
                            <td>
                                <div class="btn-group">
                                    <a class="btn btn-xs btn-success" href="<?php echo base_url().'admin/user/view_user?id='.$row->user_id.'&action=edit'; ?>" title="View">
                                      <i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        <?php  $i++; } } ?>
                    </tbody>
                  </table>

Вы должны передать данные от контроллера следующим образом

$data['result'] = $result; //your sql query resultset
$this->template->admin_template($data);

Не нужно использовать AJAX вообще. Надеюсь, это поможет вам. Не стесняйтесь спрашивать, если у вас есть какие-либо вопросы.