"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Como posso recuperar parâmetros GET em JavaScript?

Como posso recuperar parâmetros GET em JavaScript?

Publicado em 11/12/2024
Navegar:690

How Can I Retrieve GET Parameters in JavaScript?

Recuperando parâmetros GET de JavaScript: um guia detalhado

Para recuperar parâmetros GET de um script JavaScript, os desenvolvedores podem aproveitar o objeto window.location. Este objeto fornece acesso ao URL atual, incluindo sua string de consulta.

Um método para obter parâmetros GET é extrair a parte do URL após o ponto de interrogação (?). O trecho de código a seguir demonstra essa abordagem:

const getParams = () => {
  const searchParams = window.location.search.substr(1);  // Remove the question mark
  return searchParams;  // Return the GET parameters as a string
};

No exemplo fornecido, o parâmetro GET "returnurl" pode ser acessado usando o seguinte código:

const returnurl = getParams().split("=").pop();  // Extract the parameter value
console.log(returnurl);  // Log the parameter value to the console

No entanto, essa abordagem básica não leva em conta cenários em que vários valores estão associados ao mesmo nome de parâmetro. Para lidar com esses casos, é necessária uma solução mais robusta.

A função aprimorada a seguir fornece um método abrangente para recuperar parâmetros GET, mesmo quando vários valores estão presentes:

const findGetParameter = (parameterName) => {
  const result = null;
  const searchString = location.search.substr(1);
  const items = searchString.split("&");
  for (let index = 0; index 

Esta função decodifica o valor do parâmetro para garantir compatibilidade com caracteres especiais. Ele utiliza um loop for para iterar cada par de valores-chave na string de consulta. Quando o nome do parâmetro fornecido é encontrado, o valor correspondente é retornado.

Usando a função, o parâmetro "returnurl" pode ser obtido da seguinte forma:

const returnurl = findGetParameter("returnurl");
console.log(returnurl);

Ao aproveitar essas técnicas, os desenvolvedores podem recuperar efetivamente os parâmetros GET de scripts JavaScript, aprimorando a funcionalidade dos aplicativos da web.

Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3