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

Question

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

最好的方法是什么？我可以使用 HTML 还是需要使用 Javascript？我使用 jinja2 作为模板引擎，并且我在 Python 中做后端，但这不应该有很大的影响。基本上我希望他们能够搜索“纽约市，纽约市”，并且我希望它在 URL 中显示为类似

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

score 5 · Accepted Answer

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

<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并执行您需要执行的任何操作。

score 0 · Accepted Answer

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

并且您可以在页面加载时解析哈希以在地图上显示您需要的内容

2 回答 2