javascript read query parameters
// example url: https://mydomain.com/?fname=johnny&lname=depp
const queryString = window.location.search;
console.log(queryString);
// ?fname=johnny&lname=depp
const urlParams = new URLSearchParams(queryString);
const firstName = urlParams.get('fname');
console.log(firstName);
// johnny
const lastName = urlParams.get('lname');
console.log(lastName);
// deppjs get query param
const queryString = window.location.search;
const parameters = new URLSearchParams(queryString);
const value = parameters.get('key');get query param javascript
const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');get url query params js
const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');javascript reading query parameter
// example url: https://mydomain.com/?fname=johnny&lname=depp
const urlParams = new URLSearchParams(window.location.search);
const firstName = urlParams.get('fname'); // johnnyget query params
import React, { useEffect, useState } from "react";
import { useLocation } from "react-router-dom";
function CheckoutDetails() {
const location = useLocation();
const [amountValue, setAmountValue] = useState(1);
// function to get query params using URLSearchParams
useEffect(() => {
const searchParams = new URLSearchParams(location.search);
if (searchParams.has("amount")) {
const amount = searchParams.get("amount");
setAmountValue(parseInt(amount, 10));
} else {
setAmountValue(1);
}
}, [location]);
return (
<p>Amount: {amountValue}</p>
)Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
