Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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

pedroskakum commented Jun 28, 2018

@CristianoRC
Copy link

CristianoRC commented Jul 3, 2018

Ótimo material para quem ta iniciando! Muito obrigado.

@tthaisnunes
Copy link

tthaisnunes commented Aug 29, 2018

Muito bom! Parabéns!

@jpedroschmitz
Copy link

jpedroschmitz commented Nov 1, 2018

Sensacional! Obrigado por compartilhar!

@andrefabbro
Copy link

andrefabbro commented Feb 12, 2019

Muito bom material! valeu!

@TiagoSansao
Copy link

TiagoSansao commented Sep 3, 2020

Valeu pelo help :D

Copy link

ghost commented Oct 8, 2020

nice helped me

@betocaqp
Copy link

betocaqp commented Oct 27, 2020

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