如何使用HTML / Javascript传递URL参数

Question

我在webapp上有一个部分，用户可以在地图上搜索一组位置，并且它们都可以正常运行，但是我希望该位置的文本显示在URL中，以便用户可以复制并共享它以及它。将是相同的搜索。

做到这一点的最佳方法是什么？我可以使用HTML还是需要使用Javascript？ 我正在使用jinja2作为模板引擎，并且正在使用Python做后端，但这不会对此产生很大的影响。 基本上，我希望他们能够搜索“ New York City，NYC”，并且希望它在URL中显示为类似

www.url.com/map?location=new%20york%20city%20nyc

Answer 1

最简单的方法就是创建一个表单：

<form action="/map" method="get">
<label>Search: <input type="search" placeholder="Search" name="location"></label>
<input type="Submit">
</form>

当您在输入框中输入搜索词并点击“提交”时，浏览器将向http://www.your-site.com/?q=Your%20Search%20Term发出请求-然后您可以获取参数从request ，做任何你需要做的。

Answer 2

document.location.hash = "some/values/moreValues";

您可以在页面加载时解析哈希值，以在地图上显示所需的内容