Insertar registro con en una tabla MySQL con JavaScript

Hola amigos, en esta ocasión les quiero mostrar como guardar un registro en una tabla MySQL con PHP pero utilizando jQuery.

La ventaja de utilizar el jQuery es que este evento se puede realizar varias acciones de insertar registros sin necesidad de salir y recargar la página en la que estamos.

Bueno sin hablar mucho vamos directo al grano.

Primeramente necesitamos una página llamada insertar.php, dentro de esta página estará el código PHP que permitirá insertar el registro que se le envía via GET. El código de insertar.php seria el siguiente.

<?php 
//Primeramente comprobamos si existe el $_GET;
if(isset($_GET['nombre']) &amp;&amp; isset($_GET['ciudad'])){
 //Si esto se cumple insertamos el registro.
 $nombre = $_GET['nombre'];
 $ciudad = $_GET['ciudad'];
 include('Connections/Conexion.php');
 mysql_select_db($database_Conexion, $Conexion);
 $Query = mysql_query("INSERT INTO tabla (nombre, ciudad) VALUES ($nombre, $ciudad)", $Conexion) or die(mysql_error());
 $row_Query = mysql_fetch_assoc($Query);
 
}
 ?>

Bueno una vez que hemos creado el archivo insertar.php crearemos una página donde estará el enlace o botón que llame a una función JavaScript que ejecutar la inserción del registro en nuestra base de datos, también tendrá un estilo para que nos muestre un mensaje de alerta cuando se ejecuta la función.

Le llamaremos a esta página index.php y dentro tendrá el siguiente código.

<html>
<head>
 <title>Insertar Registro</title>
 <script type="text/javascript">
 function insertar(nombre, ciudad)
{
 $("#alerta").css("display", "inline");
 $("#contenidoOculto").load("insertar.php?nombre"+nombre+"&amp;ciudad="+ciudad, function(){
 $("#alerta").slideUp(1200);
 });
 }
 </script>
<style type="text/css">
 #alerta{
 background-color: #fff;
 color: #AE0512;
 width: 240px;
 z-index: 3;
 visibility: visible;
 height: auto;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 border: 2px solid #F2F2F2;
 right: 40%;
 top: 10%;
 padding-top: 18px;
 padding-bottom: 18px;
 text-align: center;
 display: inline;
 font-weight:bold;
 }
</style>
</head>
<body>
<div id="alerta">Guardando Registro </div>
<?php for ($i=0; $i < 20 ; $i++) { 
 echo "<a href'#' onclick='insertar(Nombre".$i.", Ciudad ".$i")'>Nombre ".$i." - Ciudad ".$i."</a>". "<br>";
} ?>
</body>
</html>

Como ven es muy simples insertar un registro con PHP MySQL y JavaScript.

Espero que les haya gustado el articulo si tienen alguna duda dejen sus comentarios.

16690 Visto 22 Hoy

2 thoughts on “Insertar registro con en una tabla MySQL con JavaScript”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *