Как исправить ajax при получении данных без загрузки или обновления sh? CodeIgniter PHP

Question

Моя проблема в том, что я уже могу получить данные, но мне все еще нужно обновить sh страницу, когда данные вставляются из бэкэнда. во внешнем интерфейсе я использую ajax.

Поэтому мне нужно решение, в котором при вставке данных страница должна оставаться такой, какая она есть, и данные должны быть извлечены без загрузки или обновления sh

Итак, вот мое мнение

У меня есть div, поэтому каждый раз, когда данные вставляются, число должно увеличиваться без refre sh

<div id="count"></div>

Мой скрипт

<script>
$(function(){

        showAllPosts();
        //function
        function showAllPosts(){
            $.ajax({
                type: 'ajax',
                url: '<?php echo base_url() ?>students/showAllPosts',
                async: false,
                dataType: 'json',
                success: function(data){

                    var count = '';
                    count += '<p>'+data.length+'</p>';
                    $('#showdata').html(count);

                },
                error: function(){
                    alert('Could not get Data from Database');
                }
            });
        }
});
</script>

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

public function showAllPosts(){
    $result = $this->student_model->showAllPosts();
    echo json_encode($result);
}

И моей модели

public function showAllPosts(){

    $this->db->select('*');
    $this->db->from('classes');
    $this->db->join('posts', 'classes.group_id = posts.activity_id');
    $this->db->where('classes.student_id', $this->session->userdata('user_id'));
    $query = $this->db->get();
    return $result = $query->result_array();

}