Como enviar parâmetros de GET em requisições com jQuery

Neste artigo você vai aprender a como enviar parâmetros de GET em requisições com jQuery e também com JavaScript

Fala programador(a), beleza? Bora aprender mais sobre requisições com jQuery e JavaScript puro!

Se você está lendo este artigo, provavelmente já deve ter ouvido falar em requisições GET e POST.

Elas são muito úteis para enviar ou receber informações do servidor, e são amplamente usadas em aplicações web.

A requisição GET é usada para solicitar informações ao servidor, enquanto a requisição POST é usada para enviar informações ao servidor.

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Neste artigo, vamos nos concentrar nas requisições GET e como enviar parâmetros nelas usando jQuery e JavaScript.

Antes de começarmos, é importante lembrar que as requisições GET são usadas para solicitar informações sem alterar o estado do servidor. Isso significa que as requisições GET não devem ser usadas para adicionar, alterar ou excluir dados do servidor.

Agora que já sabemos um pouco sobre requisições GET, vamos ver como podemos enviar parâmetros nelas usando jQuery e JavaScript.

Enviando parâmetros com jQuery

O jQuery é uma biblioteca JavaScript muito popular que facilita a manipulação do HTML, a realização de requisições AJAX (que são usadas para enviar e receber informações do servidor sem atualizar a página) e muito mais.

Para enviar parâmetros em uma requisição GET com jQuery, podemos usar a função $.ajax().

Ela aceita vários parâmetros, mas os mais importantes são o type, que define o tipo da requisição (GET ou POST), e o url, que é a URL da requisição.

Veja o exemplo abaixo:

$.ajax({
  type: 'GET',
  url: 'http://exemplo.com/dados',
  data: {nome: 'João', idade: 30},
  success: function(response) {
    console.log(response);
  }
});

Neste exemplo, estamos enviando uma requisição GET para a URL http://exemplo.com/dados com os parâmetros nome e idade. Se a requisição for bem-sucedida, a função de callback success será chamada com a resposta do servidor.

Enviando parâmetros com JavaScript puro

Outra opção para enviar parâmetros em uma requisição GET é usar a função fetch(), que é nativa do JavaScript e permite realizar requisições HTTP de forma assíncrona.

Veja o exemplo abaixo:

fetch('http://exemplo.com/dados?nome=João&idade=30')
  .then(function(response) {
    return response.json();
  })
  .then(function(dados) {
    console.log(dados);
  });

Neste exemplo, chamamos a função fetch() com a URL da requisição e os parâmetros da requisição no formato 'nome=João&idade=30'.

Em seguida, usamos o método then() para especificar a função de callback que será chamada quando a requisição for concluída.

A função response.json() converte a resposta do servidor em um objeto JSON, que pode ser facilmente manipulado pelo JavaScript.

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Neste artigo você aprendeu a enviar parâmetros de GET em requisições com jQuery e também com JavaScript

Então agora basta escolher a abordagem que preferiu, e aplicar no seu projeto!

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!