提交 $_GET 表单以创建漂亮的 URL

Question

我正在重新格式化我的 URL，以便 team.php?s=football 重写为 team/football/，我已经设法在 .htaccess 中使用以下内容：

Options +FollowSymLinks
RewriteEngine On

RewriteRule ^s/(.*)$ ./team.php?s=$1

现在输入localhost/proj/team/football 会加载正确的有效页面。

我在sports.php 上有一个$_GET 表单，该表单提交给team.php，但是在提交时，该表单仍会创建网址team.php?s=football。如何更改表单提交的格式？

表格如下：

<form id="choosesport" action="team" method="get">
      <input type="hidden" name="s" value=""/>
      <svg>...</svg>
</form>

并附带JS根据点击的SVG元素填写input字段：

function sport(name) {
    $("form#choosesport").find("input[type='hidden']").val(name);
    $("form#choosesport").submit();
}

$(document).ready(function() {
    $("a#netballBtn").on('click', function() {
        sport("netball");
    });
    $("a#rugbyBtn").on('click', function() {
        sport("rugby");
    });
    $("a#badmintonBtn").on('click', function() {
        sport("badminton");
    });
    $("a#footballBtn").on('click', function() {
        sport("football");
    })
});

Answer 1

删除字段并将其添加到操作中

function sport(name) {
  const $form = $("form#choosesport");
  $form.find("input[type='hidden']").remove()
  $form.attr("action",$form.attr("action")+"/"+name+"/");
  $form.submit();
}

或者使用Ajax：

function sport(name) {
  const $form = $("form#choosesport");
  $("#someContainer").load($form.attr("action")+"?s="+name); // or as above
}