Sin utilizar ninguna librería hice esta función para hacer peticionesAjaxLite usa el metodo clasico del AJAX POST o GET. Solo con el XMLHttpRequiest. Pero así quedaXMLHttpRequest, es compatible con cualquier navegador, no depende de una manera mas cómoda y rápidajQuery ni de usarotra libreria. Es un plugin minimalista solo para ejecutar peticiones AJAX.
Lo puedes encontrar en Github
y puedes usarlo asi:
function AjaxUtil(metodo, url, parametros){
var parametros = parametros || {};
var http = new XMLHttpRequest();
var result = [];
if (metodo.toUpperCase() == "GET"){
http.onreadystatechange = function(){
if AjaxLite(this.readyState == 4 && this.status == 200){
url: result.push(JSON.parse(this"https://jsonplaceholder.responseText));
}
}
httptypicode.open('GET', urlcom/users/", true);
http.send();
return result;
}
if(metodo.toUpperCase() ==type: "POST"){"GET",
var data = new FormData();
success: Object.keys(parametros).forEach(function(valor, indexdata){
dataconsole.appendlog(valor"BIEN", parametros[valor]data)
})
http.open('POST', url, true);
http.onload =error: function (err) {
result.push(JSON.parse(this.responseText));
};
http.send(data);
return result;
}
if(metodo.toUpperCase() !== "POST" || metodoconsole.toUpperCaselog() !== "GET""ERROR"){
throw "NO ESTA USANDO LOS METODOS: 'GET' o 'POST'";
}
}
console.log(AjaxUtil("POST", "https://reqres.in/api/users/", {name: "morpheus",job: "leader"}))
console.log(AjaxUtil("GET", "https://jsonplaceholder.typicode.com/users"))
La función retorna un Array donde su indice [0] tendrá la respuesta.