0

Tengo una aplicación web que estoy realizando, pero a la hora de insertar los datos no se guardan. No sé qué pasa, ya revise el código y todo esta bien con otro que había hecho antes.

Acá obtengo los valores de los input

document.querySelector("button").addEventListener("click",function(){

    var input1 = document.getElementById("input1").value;
    var input2 = document.getElementById("input2").value;
   
   
    

    Insertar(input1,input2);
    


});




  function Insertar(nombre,edad){

    console.log(nombre);
    console.log(edad);


    //Instancia del objecto
    var xml = new XMLHttpRequest();

    //TIPO DE PETICION Y LA RUTA DISTINATARIA DONDE LLEGA EL DATO
    xml.open("POST","../Model/Registro.php",true);


    //TIPO DE CONTENIDO A ENVIAR
    xml.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 


    //CONTROLO LA RESPUESTA HTTP
    xml.onreadystatechange = function (){

        if(this.readyState == 4 && this.status == 200){

            Mostrar();

        }
    }

    xml.send("nombre="+nombre+"?edad="+edad);




}

Lo gracioso es que el método mostrar se ejecuta, pero no sé porqué no se envían los datos a la base; el método no lo mostraré porque no es necesario, porque funciona.

Acá envío los datos que obtengo por medio de AJAX

<?php

include "Gestor_datos.php";


if(isset($_POST["nombre"])  && isset($_POST["edad"])){

    $nombre = $_POST["nombre"];
    $edad = $_POST["edad"];
 
    $enviar = new gestorData();
    $enviar->Insertar($nombre,$edad);

    
    
   

}


?>

Acá inserto los datos

<?php

include_once "Base_datos.php";



class gestorData extends Base_datos{




  
    public function Insertar($nombre,$edad){

        $sql= $this->Conectar()->prepare("INSERT INTO usuarios (Nombre,Edad) VALUES (:nom,:ed)");
        $valor=$sql->execute([":nom"=>$nombre,":ed"=>$edad]);
        echo "Datos insertados";


    }



    public function Mostrar(){


        return $sql = $this->Conectar()->query("SELECT COUNT(*)  as total FROM usuarios");


    }


}


?>

Todas las rutas de las carpetas están correctas, ya las revisé, pero no sé porqué no se guardan los datos

4
  • Probablemente solo falta codificar los valores para incluirlos en la petición: encodeURIComponent(). Aunque te sugiero cambiar de XMLHttpRequest a fetch que me parece más manejable.
    – Triby
    el 9 oct. 2020 a las 18:44
  • La aplicación me la pidieron con Ajax por mi ps usaría también Fetch pero so ellos los que manda así toca con AJAX. el 9 oct. 2020 a las 19:07
  • 2
    AJAX es un acrónimo para Asynchronous JavaScript And XML y se puede aplicar con diferentes métodos, como XMLHttpRequest, fetch y otros proporcionados por librerías. Por ahora, prueba con xml.send("nombre="+encodeURIComponent(nombre)+"&edad="+encondeURIComponent(edad)); y, toma nota, se deben separar los campos con & en lugar de ?`
    – Triby
    el 9 oct. 2020 a las 19:16
  • Amigo muchas gracias tu ayuda me sirvió era cambiar el ? por el & que tonto jejeje no me acordaba dure horas viendo por que no funcionada y nunca pensé que fuera eso de nuevo muchas gracias. el 9 oct. 2020 a las 19:28

1 respuesta 1

0

Era cambiar el signo ? por el & al enviar los datos por send()

1
  • 1
    No es recomendable una respuesta de este tipo, porque la pregunta seguramente será cerrada porque el problema es por un error tipográfico.
    – Triby
    el 9 oct. 2020 a las 19:30

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.