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

【问题标题】：How to pass a URL parameter in with HTML/Javascript如何使用 HTML/Javascript 传递 URL 参数
【发布时间】：2012-10-16 02:51:39
【问题描述】：

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

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

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

【问题讨论】：

【解决方案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 获取参数并执行您需要执行的任何操作。

【讨论】：

【解决方案2】：

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

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

【讨论】：