You are currently viewing Getting a URL Parameter in Javascript | by Joseph Maurer | Geek Tradition

Getting a URL Parameter in Javascript | by Joseph Maurer | Geek Tradition

When programming in Javascript there are occasions once you would possibly wish to know if there have been any parameters handed via the URL. In case you aren’t aware of URL parameters, they’re the arguments set after the bottom URL and the ‘?’. For instance let’s take a look at the beneath instance:

?PerPage=100 is the primary parameter that’s handed with this URL. It’s as much as your javascript logic to seize this parameter’s worth and use it appropriately. So can there be a number of parameters? You betcha! Further parameters are added with the next syntax: page=2

‘&Web page=2’ is the second parameter that’s with this URL. At this level you is likely to be questioning what are the constraints of passing arguments like this? Nicely the plain one is you can’t have any areas. One other is that the ‘#’ character is reserved for leaping to a piece of a doc. Typically, URL Encoding is used to cope with this drawback and make any textual content secure to move within the URL. Web Explorer (RIP) had a most size of 2,083 characters. Though, the RFC 2616 spec says that servers want to have the ability to deal with any variety of characters, you do danger an internet server failing to reply if the request is just too lengthy. I extremely advocate trying on the Google Chrome pointers in case you plan to do that on a manufacturing challenge.

The commonest use of those question strings inside a URL is net kinds. When a consumer hits submit on a type, their responses are posted within the URL for processing by the backend. On this tutorial, we’ll deal with simply grabbing values from that URL for processing, however there are many examples of utilizing this on the backend.

When utilizing javascript to parse the URL, it’s best to make use of URLSearchParams as a substitute of making an attempt to parse the string your self. You could possibly use common expressions to strive to do that, however as I wrote earlier this can be a horrible thought. So let’s take a look at the instance beneath and see how this works.

As you possibly can see, grabbing the params is definitely a extremely simple course of. You may very simply question to see what objects are current and examine if they’re null or an precise worth first earlier than utilizing them. On the time of scripting this, browser help is superb and is accessible to make use of virtually in all places.

Constructing on my final video publish, now you can move parameters to my instance web page to play with the variety of posts that it returns.

Leave a Reply