CodeIgniter下jQuery AJAX传含空格下拉值至控制器的截断问题解决

当前实现中直接将带空格的产品名称拼接到URL路径中时，未做合法URI格式转换，浏览器会将空格识别为非URI边界字符，实际发送请求时仅会截取空格前的内容传递给后端；同时CodeIgniter路由按斜杠分隔解析路径参数时，无法正确识别带空格的未编码值，最终导致数据库匹配失败。

方案1：保留路径传参模式，前端对传值做URI编码 #

如果现有逻辑需要通过URL路径段传递产品名，必须对要传递的产品名单独做URI编码，不能直接拼接原始值。

• 前端调整示例：
  原错误写法：

  // 未编码直接拼接，带空格的值会被截断
  const selectedProduct = $('#productSelect').val();
  const requestUrl = `/product_controller/get_product_detail/${selectedProduct}`;
  

  修正后写法：

  const selectedProduct = $('#productSelect').val();
  // 仅对产品名参数单独编码，空格会被转为%20等合法URI字符
  const encodedProduct = encodeURIComponent(selectedProduct);
  const requestUrl = `/product_controller/get_product_detail/${encodedProduct}`;
  $.ajax({
      url: requestUrl,
      success: function(res) {
          // 拿到匹配结果后初始化DataTable即可
      }
  })
  

• 后端CodeIgniter控制器调整：
  从URI段获取到编码后的参数后，需要解码还原为原始产品名再做数据库查询：

  public function get_product_detail($encoded_product = '')
  {
      // 解码还原带空格的原始产品名
      $productName = urldecode($encoded_product);
      // 传入模型执行数据库匹配查询
      $detailList = $this->product_model->get_matched_products($productName);
      return $this->response->setJSON($detailList);
  }
  

• 注意事项：
  不要使用encodeURI()对整个URL编码，该方法不会编码斜杠/，会破坏原有的URL路径结构。

方案2：改用POST请求传参，规避URI字符限制 #

对于产品名包含特殊字符、长度较长的场景，直接通过请求体传递参数是更稳定的实现，不存在URI字符合规性的问题。

• 前端调整：

  $('#productSelect').on('change', function() {
      const selectedProduct = $(this).val();
      $.ajax({
          url: '/product_controller/get_product_detail',
          type: 'POST',
          // 参数直接放在请求体中传递，带空格、特殊字符都不会丢失
          data: { product_name: selectedProduct },
          success: function(res) {
              // 渲染DataTable数据
          }
      })
  })
  

• 后端调整：
  直接从POST请求中读取参数即可，不需要额外做解码操作：

  public function get_product_detail()
  {
      $productName = $this->input->post('product_name');
      $detailList = $this->product_model->get_matched_products($productName);
      return $this->response->setJSON($detailList);
  }
  

• 不要手动将空格替换为+拼接到URL中，CodeIgniter会将+识别为普通字符，不会解析为空格，最终会和数据库中存储的带空格产品名匹配失败。
• 如果使用路径传参，需要检查CodeIgniter配置文件中的$config['permitted_uri_chars']规则，确保配置中允许%字符，否则编码后的参数会被框架拦截返回403错误。
• 业务允许的前提下，更优的实现是将select2下拉选项的value设置为产品的唯一ID，而非产品名称本身。这种方式仅需传递纯数字ID，彻底规避特殊字符截断问题，同时能避免重名产品匹配错误的问题。

内容的提问来源于stack exchange，提问作者Abu Saud