Cómo obtener entradas de un formulario HTML usando Javascript e insertarlo en la tabla MySQL

AJAX hará el truco, pero no solo puede usar HTML plano e insertar datos en MySQL de alguna manera misteriosa, aún necesitaría un lenguaje de programación del lado del servidor para realizar la inserción real.

  • Pasos
    Cree un archivo (Php sería más fácil) para guardar datos en DB.
  • En su página HTML, llame a la función de scripts java una vez que tenga los datos en los campos, esta función de JavaScript llamará a su archivo Php y llevará los datos a eso.

función saveData () {

var xhttp = nuevo XMLHttpRequest ();

xhttp.onreadystatechange = function () {

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

varToSave1 = document.getElementById (“firstVariable”). value;

varToSave2 = document.getElementById (“secondVariable”). value;

}

};

xhttp.open (“GET”, “saveThese.php? v1 = varToSave1 & v2 = varToSave2”, verdadero);

xhttp.send ();

}

  • saveThese.php creará una conexión db e insertará valores.

Cada uno de sus campos de formulario html debe tener una identificación o nombre. Entonces es fácil obtener valores de esos campos usando Javascript.

Para insertar todo en la base de datos, puede usar un script PHP simple (ubicado en el servidor web). La ruta a ese script debe ser el atributo de valor de acción de su formulario.

También puede usar AJAX si desea que su página no se vuelva a cargar.

puede usar document.getElementById para obtener ese campo y luego obtener valor. si quieres insertarte en mysql, primero debes conectarte a la base de datos. Puedes usar php o jsp para hacer esto.

Aprenda a manipular elementos DOM y también AJAX usando Javascript.