get url query params js
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');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>
)get parameters from url
var url_string = "http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5"; //window.location.href
var url = new URL(url_string);
var c = url.searchParams.get("c");
console.log(c);javascript get Query params from URL
const getParameters = (URL) => {
URL = JSON.parse('{"' + decodeURI(URL.split("?")[1]).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') +'"}');
return JSON.stringify(URL);
};
getParameters(window.location)
// Result: { search : "easy", page : 3 }query parameters
Query Parameter
represented as key value pair right after the ?
https://www.google.com/search?q=iloveyou
usually used to filter the result
GET /api/spartacus/search?gender=Male&nameContains=li
if we have more than one query parameter
& is used to connect them
Also there is a Path Parameter|variable
/api/spartans/{id} /api/spartans/:id
It's used to identify single resource amonth list of resources
in above example
the id is the path parameter to identify single spartanget parameters from url
www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5Copyright © 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
