A requisição AJAX em Javascript puro é feita com o objeto XMLHttpRequest
. A menos que você queira usar uma versão antiga do Internet Explorer, por exemplo, que usava um objeto ActiveX
. Então, costuma-se começar com esse "quickfix":
var xmlhttp;
if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
else if(window.ActiveXObject) xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.3.0");
else throw "AJAX não suportado!";
Depois, você precisa escutar ao evento onreadystatechange
do seu objeto XMLHttpRequest:
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) { // Download concluído e a resposta não contém erros
return this.responseText; // this dentro dessa function é seu XMLHttpRequest
}
// Você pode colocar outras condições aqui, como responder com erro quando o status for 404 ou 500, por exemplo
}
E finalmente iniciar o request:
xmlhttp.open(metodo, url, true);
// metodo: "GET", "POST", "PUT", "DELETE"... enfim, um suportado pelo HTTP
// url: a URL do seu request
// o terceiro argumento é o 'A' do AJAX. True = request assíncrono; False = request síncrono.
loader.send(queryString); // quesyString é opcional