Skip to main content
se eliminaron 971 caracteres en el cuerpo
Origen Enlace

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.

Sin utilizar ninguna librería hice esta función para hacer peticiones AJAX POST o GET. Solo con el XMLHttpRequiest. Pero así queda de una manera mas cómoda y rápida de usar.

    function AjaxUtil(metodo, url, parametros){
    var parametros = parametros || {};
    var http  = new XMLHttpRequest();
    var result = [];
    if (metodo.toUpperCase() == "GET"){
        http.onreadystatechange = function(){
            if (this.readyState == 4 && this.status == 200){
                result.push(JSON.parse(this.responseText));
            }
        }
        http.open('GET', url, true);
        http.send();
        return result;
    }
    if(metodo.toUpperCase() == "POST"){
        var data = new FormData();
        Object.keys(parametros).forEach(function(valor, index){
            data.append(valor, parametros[valor])
        })
        http.open('POST', url, true);
        http.onload = function () {
            result.push(JSON.parse(this.responseText));
        };
        http.send(data);
        return result;
    }
    if(metodo.toUpperCase() !== "POST" || metodo.toUpperCase() !== "GET"){
        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.

AjaxLite usa el metodo clasico del AJAX con XMLHttpRequest, es compatible con cualquier navegador, no depende de jQuery ni de otra libreria. Es un plugin minimalista solo para ejecutar peticiones AJAX.

Lo puedes encontrar en Github

y puedes usarlo asi:

 AjaxLite({
        url: "https://jsonplaceholder.typicode.com/users/",
        type: "GET",
        success: function(data){
            console.log("BIEN", data)
        },
        error: function(err){
            console.log("ERROR")
        }
    })
Origen Enlace

Sin utilizar ninguna librería hice esta función para hacer peticiones AJAX POST o GET. Solo con el XMLHttpRequiest. Pero así queda de una manera mas cómoda y rápida de usar.

    function AjaxUtil(metodo, url, parametros){
    var parametros = parametros || {};
    var http  = new XMLHttpRequest();
    var result = [];
    if (metodo.toUpperCase() == "GET"){
        http.onreadystatechange = function(){
            if (this.readyState == 4 && this.status == 200){
                result.push(JSON.parse(this.responseText));
            }
        }
        http.open('GET', url, true);
        http.send();
        return result;
    }
    if(metodo.toUpperCase() == "POST"){
        var data = new FormData();
        Object.keys(parametros).forEach(function(valor, index){
            data.append(valor, parametros[valor])
        })
        http.open('POST', url, true);
        http.onload = function () {
            result.push(JSON.parse(this.responseText));
        };
        http.send(data);
        return result;
    }
    if(metodo.toUpperCase() !== "POST" || metodo.toUpperCase() !== "GET"){
        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.