Mengambil URL Parameter

28 Desember 2021

JS Basic

Dengan javascript kita bisa mengambil url parameter. Misal urlnya adalah https://example.com/?product=shirt&color=blue&newuser&size=m

langkah pertama, kita dapat mengambil parameter url nya dengan window.location.search

const queryString = window.location.search
console.log(queryString)
// ?product=shirt&color=blue&newuser&size=m

Kemudian kita dapat memecahnya (parse) parameter tersebut dengan menggunakan URLSearchParams:

const urlParams = new URLSearchParams(queryString)

Langkah berikutnya kita bisa mengambil nilai-nilai dari parameter tersebut seperti product, color, dan size. Caranya adalah dengan menggunakan fungsi urlParams.get('nama_parameter'). Ganti nama_parameter dengan parameter yang ingin diambil nilainya. Lihat contoh di bawah ini:

const product = urlParams('product')
console.log(product)
// shirt

Sumber: https://www.sitepoint.com/get-url-parameters-with-javascript/

This blog is made using Gatsby.js