如何在PHP项目中提交HTML表单时省略URI中的变量名？

当然可以实现！要把带查询参数的mysite.com/search/?q=sample+query改成更整洁的mysite.com/search/sample+query/，需要前端和后端配合调整，我一步步给你拆解：

第一步：修改前端表单的提交逻辑 #

原来的表单默认会把参数拼在URL末尾，我们需要用JavaScript拦截提交行为，手动构造目标URL：

<form id="searchForm" method="get" action="/search/">
  <input type="text" name="q" id="searchQuery" placeholder="输入搜索关键词" />
  <input type="submit" value="搜索" />
</form>

<script>
document.getElementById('searchForm').addEventListener('submit', function(e) {
  e.preventDefault(); // 阻止默认的GET提交行为
  const query = document.getElementById('searchQuery').value.trim();
  
  if (query) {
    // 对关键词做URL编码，处理空格、特殊字符等场景
    const encodedQuery = encodeURIComponent(query);
    // 跳转到构造好的友好URL
    window.location.href = `/search/${encodedQuery}/`;
  } else {
    // 关键词为空时，跳转到搜索首页或者提示用户
    window.location.href = '/search/';
  }
});
</script>

第二步：配置服务器URL重写规则 #

当用户访问mysite.com/search/sample+query/时，服务器需要把这个请求转发到实际处理搜索的PHP文件，同时把路径里的关键词传递给PHP。以下是不同服务器的配置方式：

Apache服务器（使用.htaccess） #

在网站根目录或者/search/目录下创建.htaccess文件，添加以下规则：

RewriteEngine On
# 排除实际存在的文件和目录，避免影响静态资源访问
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# 把/search/xxx/的请求转发到search/index.php，并传递q参数
RewriteRule ^search/(.*)/$ /search/index.php?q=$1 [L,QSA]

Nginx服务器 #

在你的Nginx站点配置文件中添加如下规则：

location /search/ {
  # 仅当请求的文件/目录不存在时才重写
  if (!-e $request_filename) {
    rewrite ^/search/(.*)/$ /search/index.php?q=$1 last;
  }
}

第三步：PHP后端处理搜索请求 #

现在在/search/index.php里，你可以像原来一样通过$_GET['q']获取搜索关键词，记得做好解码和安全处理：

<?php
if (isset($_GET['q'])) {
  // 解码URL编码的关键词
  $searchQuery = urldecode($_GET['q']);
  // 安全处理：防止XSS攻击
  $safeQuery = htmlspecialchars($searchQuery);
  
  // 这里写你的搜索逻辑，比如查询数据库、返回结果等
  echo "你正在搜索：{$safeQuery}";
} else {
  // 没有关键词时，显示搜索表单或者提示信息
  echo "<p>请输入搜索关键词</p>";
  // 也可以直接输出搜索表单代码
}
?>

额外注意事项 #

• 确保服务器开启了URL重写功能：Apache需要启用mod_rewrite模块，Nginx默认支持rewrite模块
• 必须做好安全防护：处理用户输入时要过滤特殊字符，数据库查询使用预处理语句防止SQL注入
• 可以添加404处理：如果用户访问不存在的搜索路径，返回合适的404页面

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