Skip to content

Instantly share code, notes, and snippets.

@rafaelstz
Last active October 6, 2023 14:35
Show Gist options
  • 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 protected]");
// 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);
}
}
@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