Answers for "get query params"

10

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);
// depp
Posted by: Guest on May-04-2020
7

js get query param

const queryString = window.location.search;
const parameters = new URLSearchParams(queryString);
const value = parameters.get('key');
Posted by: Guest on June-25-2020
2

get query param javascript

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');
Posted by: Guest on November-18-2020
1

get url query params js

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');
Posted by: Guest on July-26-2020
2

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'); // johnny
Posted by: Guest on September-18-2020
2

get 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>
  )
Posted by: Guest on September-12-2021

Code answers related to "Javascript"

Browse Popular Code Answers by Language