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

【问题标题】：How do I send search parameters to Flask server?如何将搜索参数发送到 Flask 服务器？
【发布时间】：2018-11-19 13:26:39
【问题描述】：

这是我的第一个问题！我正在尝试在搜索框中输入搜索词，当我单击提交时，我希望将搜索词插入此 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，正如您在文件中看到的那样。非常感谢您提供的任何建议，感谢您抽出宝贵的时间。

【问题讨论】：

标签： javascript html flask get web-frontend

【解决方案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>

【讨论】：