How to pass a URL parameter in with HTML/Javascript

Question

I have a section on a webapp where the user can search a map for a set of locations and it all works properly but I want the text of the location to show up in the URL so that the user can copy it and share it and it will be the same search.

What is the best way to do this and can I do it with HTML or do I need to use Javascript? I am using jinja2 as a templating engine and I am doing the back end in Python but that shouldn't have a big impact on this. Basically I want them to be able to search for "New York City, NYC" and I want it to show up in the URL as something like

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

are you doing searches on client side, because if search string is submitted to server it is no brainer just do a GET submit of form — Anurag Uniyal
– Anurag Uniyal, Commented Oct 25, 2012 at 20:38

Sean Vieira · Accepted Answer · 2012-10-25 20:36:33Z

5

The simplest way is just to create a form:

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

When you enter a search term into the input box and hit "Submit" the browser will make a request to http://www.your-site.com/?q=Your%20Search%20Term - and then you can get the argument from request and do whatever you need to do with it.

answered Oct 25, 2012 at 20:36

Sean Vieira

161k34 gold badges321 silver badges297 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

clifgray Over a year ago

ah that was much easier than I thought. I just needed to change the form from post to get and it worked. thanks for the clear explaination

lucassp · Accepted Answer · 2012-10-25 20:38:28Z

0

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

And you can parse the hash when the page loads to display the content you need on the map

answered Oct 25, 2012 at 20:38

lucassp

4,1663 gold badges29 silver badges37 bronze badges

Collectives™ on Stack Overflow

How to pass a URL parameter in with HTML/Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related