Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@rafaelstz
Last active October 6, 2023 14:35
Show Gist options
  • Star 59 You must be signed in to star a gist
  • Fork 12 You must be signed in to fork a gist
  • Save rafaelstz/5a4aa3584061131d714b709ba773c5f8 to your computer and use it in GitHub Desktop.
Save rafaelstz/5a4aa3584061131d714b709ba773c5f8 to your computer and use it in GitHub Desktop.
AJAX GET and POST with pure Javascript
// Exemplo de requisição GET
var ajax = new XMLHttpRequest();
// Seta tipo de requisição e URL com os parâmetros
ajax.open("GET", "minha-url-api.com/?name=Henry&lastname=Ford", true);
// Envia a requisição
ajax.send();
// Cria um evento para receber o retorno.
ajax.onreadystatechange = function() {
// Caso o state seja 4 e o http.status for 200, é porque a requisiçõe deu certo.
if (ajax.readyState == 4 && ajax.status == 200) {
var data = ajax.responseText;
// Retorno do Ajax
console.log(data);
}
}
// Exemplo de requisição POST
var ajax = new XMLHttpRequest();
// Seta tipo de requisição: Post e a URL da API
ajax.open("POST", "minha-url-api", true);
ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// Seta paramêtros da requisição e envia a requisição
ajax.send("email=teste@teste.com");
// Cria um evento para receber o retorno.
ajax.onreadystatechange = function() {
// Caso o state seja 4 e o http.status for 200, é porque a requisiçõe deu certo.
if (ajax.readyState == 4 && ajax.status == 200) {
var data = ajax.responseText;
// Retorno do Ajax
console.log(data);
}
}
@gvalluis
Copy link

gvalluis commented Jun 3, 2018

Fala Rafael, tudo bem??
Rafael, estou com uma missão e gostaria de pedir uma orientação sua. Preciso coletar dados do site da tabela FIPE (http://veiculos.fipe.org.br/) mas acontece que eles não tem uma API pra que eu possa fazer isso de forma simplificada. Estou tentando conseguir isso, sem muito sucesso visto que sou novo nesse mundo, através do AJAX e tudo mais. Você poderia me dar uma orientação nesse sentido? qual melhor caminho a seguir? Obrigado!!!!

@pedroskakum
Copy link

@CristianoRC
Copy link

Ótimo material para quem ta iniciando! Muito obrigado.

@tthaisnunes
Copy link

Muito bom! Parabéns!

@jpedroschmitz
Copy link

Sensacional! Obrigado por compartilhar!

@andrefabbro
Copy link

Muito bom material! valeu!

@TiagoSansao
Copy link

Valeu pelo help :D

Copy link

ghost commented Oct 8, 2020

nice helped me

@betocaqp
Copy link

Olá. Sou iniciante em prog js. Eu tenho devices externos que enviam valores para uma tabela. Em PHP eu detecto quando os valores são enviados desta forma:
if(isset($_POST["VA"]) && ($_POST["VB"]) && ($_POST["VC"]))
{
$va = $_POST["VA"];
$vb = $_POST["VB"];
$vc = $_POST["VC"];
$data = date("Y-m-d");
$hora = date('H:i:s');

Como faço isso usando javascript?

Obrigado!!

Carlos

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment