将表单数据追加到URL并将用户发送到URL

Question

我是一名前端程序员，所以我主要使用HTML和CSS。 我有一个客户希望能够输入零件号并重定向到相应零件的销售单，即PDF。 表单的代码如下。 基本上，我希望对方输入“ 1234567”，然后将其重定向到http://www.website.com/PDFs/1234567.pdf 。

实现此目标的最佳方法是什么？ 我不太精通脚本语言。 预先感谢您抽出宝贵的时间来帮助我。

<form action="search.php" method="post">
     <input type="text" class="searchField" name="search" placeholder="Enter part number here">
     <input type="submit" class="searchBtn" value="Search"> 
</form>

Answer 1

我不确定您的search.php页面在做什么，但是如果您可以确定他们输入有效的部件号或处理404页面，则可以使用javascript函数重定向到具有该路径的新url。

<form method="post" onsubmit="get_sell_sheet(); return false;">
     <input id="part_number" type="text" class="searchField" name="search" placeholder="Enter part number here">
     <input type="submit" class="searchBtn" value="Search"> 
</form>

<script>
function get_sell_sheet(){
  var part_number = document.getElementById("part_number").value;
  var url = "http://www.website.com/PDFs/" + part_number + ".pdf";
  // open in same window
  // window.location.href = url;
  // open in new window
  var win = window.open(url, '_blank');
}
</script>

Answer 2

要添加以上答案...

在PHP中：

<?php
if ( $_SERVER['REQUEST_METHOD'] === 'POST' ) {
    header('Location: http://www.website.com/PDFs/' . $_POST['search'] . '.pdf');
    exit(0);
}

在需要的地方添加您自己的错误处理。