如何将搜索参数发送到 Flask 服务器？

Question

这是我的第一个问题！我正在尝试在搜索框中输入搜索词，当我单击“提交”时，我希望将搜索词插入此 URL:

http://www.hadrians-search.tk/search?search_param=mario?&items_per_page=2&page_number=2

mario 将是搜索词。这是我正在测试的搜索页面：

http://cs.oswego.edu/~jmcquaid/CSC-380/search3.html

当我在搜索框中输入 ball 等搜索词并单击提交时，这就是 URL 我得到：

http://hadrians-search.tk/search?search%3Fsearch_param%3D=ball

如您所见，这显然不是我想要得到的URL。

请记住，search3.html 只是我在前端测试的一个文件：

<!DOCTYPE html>
<html>
<body>

<form id="myForm" action="http://hadrians-search.tk/search?search_param=">
Search: <input type="text" name="search?search_param="><br><br>
<input type="button" onclick="myFunction()" value="Submit form">
</form>

<script>
    function myFunction() {
    document.getElementById("myForm").submit().action="http://hadrians-search.tk/search?search_param=";
    }
</script>

</body>
</html>

所以基本上我试图将搜索框中输入的搜索词发送到 Flask 服务器，但发送不正确。我应该尝试 HTTP GET 请求吗？我最初尝试过这个，但我无法弄清楚如何将 HTTP GET 请求与搜索框和按钮集成。因此，我改为尝试使用 action，如您在文件中所见。非常感谢您提供的任何建议，感谢您抽出宝贵时间。

Answer 1

您可以通过GET方式传递参数。如果您有三个参数，则可以在表单中添加这三个元素。你可以这样做。

<!DOCTYPE html>
<html>

<body>
<form id="myForm" method="get" 
action="http://hadrians-search.tk/search">
search_param: <input type="text" name="search_param"><br><br>
items_per_page: <input type="text" name="items_per_page"><br><br>
page_number: <input type="text" name="page_number"><br><br>
<input value="Submit form" type="submit">
</form>
</body>
</html>

如何将搜索参数发送到 Flask 服务器？

How do I send search parameters to Flask server?

html

javascript

get

web-frontend

flask