Como obter o valor do parâmetro URL em javascript
Este artigo discutirá os métodos para obter o valor do parâmetro URL em JavaScript.
Como obter o valor do parâmetro URL em javascript?
Para obter o valor do parâmetro URL no JavaScript, as seguintes abordagens podem ser utilizadas:
- ““dividir()”Método com“para" laço
- URLSearchParams”Objeto
Passar pelos métodos discutidos um por um!
Método 1: Obtenha o valor do parâmetro URL em JavaScript usando o método "split ()" com "para" loop
O "dividir()”O método divide uma determinada string em uma variedade de substringas sem nenhuma alteração na string original. Este método pode ser aplicado a um determinado URL em duas partes, e um loop pode ser usado para controlar a iteração com a ajuda da propriedade de comprimento para obter todos os valores dos parâmetros.
Sintaxe
corda.dividido (separador, limite)Aqui, "separador”Refere -se à string que precisa ser dividida e“limite”É um número que representa os limites de divisão.
Confira o exemplo a seguir para entender o conceito declarado.
Exemplo
No exemplo abaixo, criaremos um botão e anexaremos um evento OnClick a ele que acessaremos o “getParameters ()”Função:
Agora, definiremos a função getParameter (). Em sua definição, é adicionado um URL de um domínio de exemplo que será acessado e armazenado em uma variável chamada “geturl”. Em seguida, o URL especificado será dividido em duas partes usando “?”Como separador e“1”Como limite, e“&”Em seguida, separará cada string de parâmetro e a armazenará no“params" variedade.
Depois disso, "para”O loop será aplicado de forma que cada um dos parâmetros e seu valor seja exibido no console:
função getParameters ()Vamos geturl = "https: // exemplo.coma?Produto = camisas e cor = branco e usuário = anônimo e tamanho = s ";
Let GetParameters = geturl.dividir('?') [1];
Letparams = getParameters.dividir('&');
para (vamos i = 0; i
console.log (valor [0], valor [1]);
A saída da implementação acima resultará da seguinte maneira:
Isso se tratava de acessar todos os valores de parâmetros de uma só vez. No entanto, se você deseja obter um valor de um parâmetro específico, vá para a próxima seção!
Método 2: Obtenha o valor do parâmetro URL em JavaScript com o objeto URLSearchParams
O "URLSearchParams”Também pode ser utilizado para obter o URL especificado usando um objeto e buscar um valor específico em relação ao atributo correspondente.
Passe pelo exemplo a seguir para mais demonstração.
Exemplo
Primeiro, inclua um botão com um “ONCLICK”Evento que acessará a função especificada, conforme discutido no método anterior:
Em seguida, uma função chamada urlparameter () será definida. Aqui um novo objeto chamado “URLSearchParams”É criado, que acessará o URL especificado que se refere ao domínio de exemplo. Finalmente, exiba todos os valores correspondentes ao atributo especificado. No nosso caso,
função urlparameter ()Vamos getUrl = new UrlSearchParams ("https: // exemplo.coma?Produto = camisas e cor = branco e usuário = anônimo e tamanho = s ")
console.log (geturl.get ('usuário'));
Saída
Na saída acima, pode -se observar que o “anônimo”O valor é buscado para o“do utilizadorParâmetro.
Ilustramos métodos diferentes para obter valores de parâmetros de URL em JavaScript.
Conclusão
Para obter o valor do parâmetro URL em JavaScript, utilize o “dividir()”Método com o“para”Faça um loop para dividir o URL especificado, separar cada valor do parâmetro e exibi -los adicionando a condição necessária contra seus atributos correspondentes. Também o "URLSearchParams”O método do objeto pode ser usado para criar um novo objeto e extrair o valor de um atributo específico. Este artigo demonstrou os métodos para obter valores de parâmetros de URL em javascript.