Como obter valores de string de consulta em javascript

Valores da string de consulta em um URL frequentemente fornecem informações sobre a solicitação, como parâmetros de pesquisa. Uma sequência de consulta pode ser usada para solicitar uma página da web utilizando o protocolo HTTP. Ocasionalmente, você pode precisar buscar atributos de string de consulta em seu script. Além disso, saber como extrair os dados da string de consulta do URL é essencial se alguma empresa ou lógica de solicitação for tratada no front -end.

Este blog definirá o procedimento para obter os valores da sequência de consulta em JavaScript.

Como obter valores de string de consulta em javascript?

Para obter os valores da sequência de consultas em JavaScript, use os seguintes métodos:

• Use a API URL com o método get ()
• URLSearchParams com o método get ()
• URLSearchParams com o método valores ()

Método 1: Obtenha valores de string de consulta usando a API URL com o método get ()

Use o "URL API" com o "pegar()”Método para obter os valores da string de consulta em JavaScript. Um URL (Localizador de Recursos Uniformes) é uma maneira de encontrar um recurso específico da Internet. É normalmente composto por um protocolo (como “http" ou "https“), Um nome de domínio (como“exemplo.com“) E um caminho (como“/caminho/para/recurso"). Os URLs são usados ​​para acessar páginas da web, baixar arquivos e acessar outros recursos, incluindo valores de sequência de consulta na Internet.

Exemplo
Crie uma variável que armazena o URL com seqüências de consultas:

var urlQueryString = "https: // www.exemplo.com/página.html?Keyword = SearchText & FullName = Jennyconvey & click = submeter ";

Chame o objeto URL, passando o “urlquerystring”:

VAR querystring = novo URL (UrlQueryString);

Use o método get () passando a chave "palavra -chave”Da consulta para obter seu valor com o atributo de pesquisa. A propriedade SearchParams do objeto URL em JavaScript representa a sequência de consulta de um URL. Ele fornece uma maneira de manipular a sequência de consultas de um URL como um objeto em vez de uma string:

var value1 = Querystring.SearchParams.obtenha ("palavra -chave");
console.log ("Valor da palavra -chave:" + value1);

Obtenha o segundo valor da sequência de consultas passando sua chave para o método get () e impressões no console:

var value2 = Querystring.SearchParams.Get ("FullName");
console.log ("Valor de FullName:" + Value2);

Da mesma forma, busque o terceiro valor na string:

var value3 = Querystring.SearchParams.obtenha ("clique");
console.log ("valor de clique:" + value3);

Pode -se observar que os valores da sequência de consultas foram recuperados com sucesso:

Método 2: Obtenha valores de string de consulta usando URLSearchParams com o método get ()

O "URLSearchParams”A interface pode ser usada no JavaScript para recuperar os valores da sequência de consulta. Ele avalia a sequência de consulta de um URL e oferece um meio para acessar os valores. Observe que você deve enviar apenas a parte da sequência de consulta do URL, que você pode recuperar utilizando o “janela.localização.procurar”Como um parâmetro para UrlSearchParams ().

Exemplo
Crie uma variável que armazena a sequência de consultas:

var urlQueryString = "Palavra -chave = SearchText & FullName = Jennyconvey & Click = Enviar";

Passe a string para o “URLSearchParams”Interface:

VAR querystring = new URLSearchParams (urlQueryString);

Obtenha o valor da chave “nome completo”Da string de consulta usando o“pegar()”Método:

var value1 = Querystring.Get ("FullName");
console.log ("Valor de FullName:" + Value1);

Saída

Observação: Usar "const querystring = novo urlsearchparams (janela.localização.procurar)”Para obter o URL ao vivo/atual.

Depois de obter o URL atual, obtenha a sequência de consulta, crie uma instância de URLSearchParams e passe a sequência de consultas para ela. Por fim, obtenha o valor de um parâmetro específico na sequência de consulta usando o método get ().

Método 2: Obtenha valores de sequência de consulta usando URLSearchParams com o método valores ()

Você também pode usar o “valores ()”Método com a interface URLSearchParams para recuperar os valores da sequência de consulta. Ajuda a acessar todos os valores da string de uma vez.

Exemplo
Passe a sequência de consulta para a interface do URLSearchParams e armazená -la em uma variável “Querystring”:

VAR querystring = new URLSearchParams (urlQueryString);

Chame o método valores () no “para”Loop para obter todos os valores da sequência de consultas:

para (valor const de querystring .valores ())
console.log (valor);

Pode -se observar que todos os valores de string foram buscados:

Isso se trata de obter os valores da string de consulta em JavaScript.

Conclusão

Para obter os valores da string de consulta, use o “URL API" com o "pegar()”Método e“SearchParam”Atributo. A propriedade SearchParams do objeto URL em JavaScript representa a sequência de consulta de um URL. Você também pode usar o “URLSearchParams”Interface com o“pegar()”Método ou“valores ()”Método. Este blog descreveu o procedimento para obter os valores da sequência de consulta em JavaScript.