Create and Read Query Strings (URL parameters) - JavaScript Tutorial

👉 Source code: openjavascript.info/2022/10/1...
⚡ Looking for high-performance, afforable web hosting? We use HostWithLove: bit.ly/3V2RM9Q ❤️
This tutorial covers how to create and read query strings in JavaScript that can be used to send data to a URL as URL parameters.
🔔 Subscribe for more tutorials just like this: / @openjavascript
⚡ NEW: Web development courses from Meta Inc. ⚡
Front-End Developer Professional Certificate: imp.i384100.net/b3dMek
Back-End Developer Professional Certificate: imp.i384100.net/gbYorg
iOS Developer Professional Certificate: imp.i384100.net/Jr7qj2
Meta Android Developer Professional Certificate: imp.i384100.net/oeYnGo
Meta Database Engineer Professional Certificate: imp.i384100.net/BX7KGB
Website: openjavascript.info
Twitter: / openjavascript

[@OpenJavaScript]

Thanks for watching! 👉 Source code and related post: openjavascript.info/2022/10/10/how-to-create-and-decode-a-query-string-in-javascript/

[@WillJonesUK]

Nice video. There is a handy library called Rison that you can use to compact the query string and (if necessary) get round URL length restrictions. It is a bit like the stringify/parse process you showed, but can reduce the number of characters by quite a lot..

[@trungkienluongnguyen3378]

this 's what i need for my projects !!! so hard to find a good and right video like this in this time !😅. Thank dude so much !

[@umararsal]

this was so helpful . thanks a lot. i was confused in one of few things and this video cleared the ambiguity.

[@valdiviaRicardo2003]

This is such an amazing thing dude. I love it. I'm working in a school project and I really need this, thanks!

[@OpenJavaScript]

Thanks for watching and glad you found it useful for your project!

[@rafcon9141]

Loved this video. Thank you. You explained it great!

[@OpenJavaScript]

That's great, thanks for watching!

[@neatelf9913]

Thanks for uploading. This is what I'm searching for.

[@OpenJavaScript]

Great, glad to hear it!

[@brayangarcia2857]

good job

[@udintanjidin8386]

your voice sounds familiar, are you Steele?

[@loranetwork]

i have this error can you guide me please? Uncaught SyntaxError: "undefined" is not valid JSON at JSON.parse ()

[@OpenJavaScript]

This error looks like it's saying that you are trying to call JSON.parse(), passing in a value that hasn't been defined yet. The problem probably lies somewhere in your previous code. I can't tell without seeing your code, but you should take a look at the related blog post for this video, because I posted working examples there: openjavascript.info/2022/10/10/how-to-create-and-decode-a-query-string-in-javascript/

[@anhtuanle4991]

Can u explain different useSearchParams and URLsearchparams ? I think both same working .

[@OpenJavaScript]

Both are built with the same purpose in mind (interpret and work with a query string). The difference is that URLsearchparams is vanilla JS whereas useSearchParams is a React hook that you can call to work with a state value in your app.

[@anhtuanle4991]

@@OpenJavaScript oke sir tks u so much. i trying use both, but i think use hooks better when use react