Como passar as variáveis ​​JavaScript em URL?

Na fase de programação do JavaScript, pode haver situações em que o desenvolvedor precisa anexar as variáveis ​​JavaScript no URL em alguma instância. Mais especificamente, ao lidar com um site que acumula várias páginas da web. Nesse caso, a passagem de variáveis ​​JavaScript no URL é eficaz para redirecionar e acessar todas as páginas da web mediante solicitação.

Este artigo elaborará a abordagem para passar as variáveis ​​JavaScript em um URL.

Como passar as variáveis ​​JavaScript em URL?

Para passar variáveis ​​no URL usando JavaScript, aplique o “SearchParams”Propriedade em combinação com o“pushState ()" e "substring ()" métodos.

Como passar as variáveis ​​JavaScript no URL, definindo os valores de string inicializados?

O "janela.localização.Href”A propriedade busca o URL da página atual. O "SearchParams"Propriedade dá uma"URLSearchParams”Objeto. O "história.pushState ()”O método adiciona um registro à pilha de histórico da sessão do navegador. O "dividir()”Método divide a sequência associada em uma matriz e o“substring ()”O método extrai caracteres entre dois índices especificados. Essas abordagens podem ser utilizadas para definir os parâmetros de URL personalizados, passando os valores da string contidos em uma variável para o URL.

Sintaxe

SearchParams.set (nome, valor);

Na sintaxe acima:

• ““nome”Indica o nome do parâmetro.
• ““valor”Significa o valor do parâmetro.

pushState (valor, hist);

Na sintaxe dada:

• ““valor”Aponta para o objeto que está associado à nova entrada.
• ““Hist”É um parâmetro necessário por razões históricas.

corda.Substring (Begin, Last)

Aqui:

• ““começar”Refere -se à posição a partir da qual iniciar a extração.
• ““durar”Indica a posição onde a extração precisa terminar, excluindo -a.

corda.dividido (separador, limite)

De acordo com o código fornecido:

• ““separador”Refere -se à string que precisa se separar.
• ““limite”Indica o número inteiro que limita o número de divisão.

Exemplo

Vamos passar pela demonstração abaixo do ponto:

No bloco de código acima:

• Em primeiro lugar, inicialize as variáveis ​​fornecidas com os valores de string declarados.
• Na próxima etapa, crie um novo objeto de URL através do “novo"Palavra -chave e a"Url”Construtor referindo -se ao URL declarado.
• Depois disso, associe o “SearchParams”Propriedade com a“definir()”Método para definir os valores de modo que o último valor em seus parâmetros seja atribuído ao primeiro.
• Agora, adicione o registro à pilha de histórico da sessão do navegador através do “pushState ()”Método.
• Além disso, aplique o combinado “substring ()" e "dividir()”Métodos para colocar o caráter especificado em um índice específico, eu.e., ““1”Nos valores passados ​​no URL.
• Por fim, exiba os valores definidos passados ​​no URL.

Saída

Na saída acima, pode -se observar que os valores de string inicializados foram definidos, separados e passados ​​no URL e exibidos no console.

Conclusão

Para passar as variáveis ​​JavaScript no URL, aplique o “SearchParams”Propriedade combinada com o“pushState ()" e "substring ()" métodos. Essas abordagens podem ser aplicadas para alocar e separar os parâmetros da URL, passando os valores de string inicializados contidos em uma variável para o URL. Este blog declarou a abordagem para passar as variáveis ​​JavaScript no URL.