CodeIgniter控制器中如何添加锚点跳转至视图指定位置？

哥们，我来帮你搞定这个问题！你之前的思路其实走进了一个小误区——CodeIgniter的$this->load->view()方法第一个参数是视图文件的路径，不是前端的URL，所以你加#destination肯定没用，系统会去找叫page_view#destination的视图文件，当然找不到啦~

下面给你两种可行的解决方案，优先推荐第一种，简单又高效：

方法一：加载视图后，通过前端JS自动跳转到锚点（推荐） #

这个方案既保留了传递$data的能力，又能实现锚点跳转，是日常开发里最常用的方式。

1. 控制器层：正常传递数据并加载视图
   额外把要跳转的锚点ID传给视图就行：

   $data['title'] = 'Page view title';
   $data['target_anchor'] = 'destination'; // 要跳转的锚点ID
   $this->load->view('controller/page_view', $data);
   

2. 视图层：确保目标位置有对应ID
   在你想跳转到的章节位置，设置好匹配的id属性：

   <!-- 比如目标章节的标题 -->
   <h3 id="destination">这里是你要跳转到的目标章节</h3>
   

3. 视图层：添加JS实现自动跳转
   在视图的底部加一段JavaScript，页面加载完成后自动滚动到锚点（还能做平滑滚动提升体验）：

   <script>
   window.addEventListener('load', function() {
       const anchorId = '<?php echo $target_anchor; ?>';
       if (anchorId) {
           const targetElement = document.getElementById(anchorId);
           if (targetElement) {
               // 平滑滚动到目标位置，体验更友好
               targetElement.scrollIntoView({ behavior: 'smooth' });
               // 如果不需要平滑滚动，直接用这句：
               // window.location.hash = anchorId;
           }
       }
   });
   </script>
   

方法二：用Session传递数据+Redirect（备选方案） #

如果你一定要用URL带锚点的方式跳转，可以通过Session临时存储$data，重定向后再取出数据。不过这种方式稍显繁琐，仅作特殊场景备选：

1. 控制器层：存储数据到Session并重定向

   $this->load->library('session');
   $data['title'] = 'Page view title';
   // 把数据存入临时Session
   $this->session->set_userdata('temp_page_data', $data);
   // 重定向到带锚点的URL
   redirect('controller/page_view#destination');
   

2. 目标控制器方法：取出Session数据
   在处理page_view的方法里，取出Session中的数据，用完记得删除避免残留：

   $this->load->library('session');
   // 取出临时数据
   $data = $this->session->userdata('temp_page_data');
   // 删除临时数据，防止多次使用
   $this->session->unset_userdata('temp_page_data');
   // 加载视图并传递数据
   $this->load->view('controller/page_view', $data);
   

总的来说，方法一的前端处理方式更直接，不需要依赖Session，体验也更好，优先推荐使用~

内容的提问来源于stack exchange，提问作者Liste-cadeaux Pour Tous