28 Desember 2021
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/