Question

我希望在不重新加载整个页面的情况下刷新特定div的数据，尽管这与我正在使用的代码一起发生，但问题是整个页面的css /布局也受到干扰。任何人都可以告诉如何刷新div而不会打扰布局控制器

class Admin extends CI_Controller 
    {
        public function dashboard()
            {
                $data['main'] = "admin/header";
                $data['instant_reqtotal'] = $this->admin_model->getreqtotal();
                $this->load->view('admin/dashboard',$data);
            }
    }

查看

<div id="instanthirewidget">
    <?php echo $instant_reqtotal; ?>
</div>

模型

public function getreqtotal()
    {
        $this->db->where('status','pending');
        $query=$this->db->get('instanthire');
        return $query->num_rows();
    }

用于重新加载的

脚本

<script type="text/javascript">
function loadlink(){
    $('#instanthirewidget').load('<?php echo base_url(); ?>admin/dashboard',function () {
         $(this).unwrap();
    });
}

loadlink();
setInterval(function(){
    loadlink() 
}, 5000);
</script>

Answer 1

这种情况正在发生，因为您正在视图中返回视图。像这样改变你的方法：

public function dashboard()
{
    $data['main'] = "admin/header";
    $instant_reqtotal = $this->admin_model->getreqtotal();

    echo $instant_reqtotal;

    exit;
}

$.ajax({
    url : '...',
    method : '...',
    data : {...},
    success : function(response)    // response contains the $instant_reqtotal value in it
    {
        $('#instanthirewidget').html(response);
    }
});

无法在codeigniter中自动刷新div

1 个答案: