当数据库中的值发生更改(Codeigniter)时，如何刷新页面的一部分？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="data-container">
  <!-- 这里显示数据库值 -->
</div>

<script>
  // 定时器，每隔一定时间检测一次数据库值的更改
  setInterval(function() {
    // 发送AJAX请求到服务器端
    $.ajax({
      url: 'your_controller/refresh_data',  // 替换为你的控制器方法的URL
      type: 'GET',
      dataType: 'json',
      success: function(response) {
        // 更新页面的数据显示部分
        $('#data-container').html(response.data);
      }
    });
  }, 5000);  // 5000表示间隔时间为5秒，可以根据需求自行调整
</script>

class Your_controller extends CI_Controller {
  public function refresh_data() {
    // 查询数据库获取最新的数据
    $data = $this->your_model->get_data();  // 替换为你的数据库查询方法
    
    // 返回JSON格式的数据
    header('Content-Type: application/json');
    echo json_encode(['data' => $data]);
  }
}