Insertar datos en MySQL con PHP usando Ajax para evitar recargar la página

1083329_34219330Un gran inconveniente a la hora de insertar datos en una página web, es tener que volver a cargar la página completa para ver los resultados, algo que podemos evitar usando Ajax.

Para conseguirlo, Ajax recogerá los datos de nuestro formulario de inserción a la base de datos y los enviará a otra página PHP que se encarga de realizar la inserción. En esta entrada veremos cómo insertar datos en MySQL con PHP y AJAX.

De esta forma, la página web no necesita recargarse para mostrar los datos insertados, ni siquiera para insertarlos simplemente.

En el ejemplo de demostración usaré una base de datos con la siguiente estructura de tablas.

CREATE TABLE IF NOT EXISTS `empleados` (
  `nombre` VARCHAR(255) NOT NULL,
  `apellido` VARCHAR(255) NOT NULL,
  `web` VARCHAR(255) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

El ejemplo, tratará de mostrar una lista con empleados y sus datos, y un formulario de alta de empleados. Al final del ejercicio quedará así.

ajax1El ejemplo consta de 4 archivos.

  • empleados_registro.php: Muestra el formulario de inserción y llama a la función en Ajax.
  • ajax.js: Realiza la recogida de datos del formulario y lo envía al script en PHP.
  • registro.php: Recoge los datos de la función en Ajax y llama a la consulta de los datos.
  • consulta.php: Realiza una consulta en la base de datos después de insertar los datos, este script se muestra en empleados_registro.php.

Una vez explicada la estructura y funciones de cada archivo, veremos el código de cada archivo. El código es bastante sencillo y viene comentado para explicar todas las funciones.

empleados_registro.php

<html>
  <head>
  <title>Registro de empleados</title>
  <script language="JavaScript" type="text/javascript" src="ajax.js"></script>
  </head>
  <body>
		<form name="nuevo_empleado" action="" onsubmit="enviarDatosEmpleado(); return false">
			<h2>Nuevo empleado</h2>
				<table>
                <tr>
                	<td>Nombres</td><td><label><input name="nombre" type="text" /></label></td>
               	</tr>
                <tr>
					<td>Apellido</td><td><label><input type="text" name="apellido"></label></td>
				</tr>
                <tr>
                    <td>Web</td><td><label><input name="web" type="text" /></label></td>
				</tr>
                <tr>
                   	<td>&nbsp;</td><td><label><input type="submit" name="Submit" value="Grabar" /></label></td>
                </tr>
                </table>
		</form>
 
		<div id="resultado"><?php include('consulta.php');?></div>
 
    </body>
</html>

ajax.js

// JavaScript Document
 
// Función para recoger los datos de PHP según el navegador, se usa siempre.
function objetoAjax(){
	var xmlhttp=false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
 
	try {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	} catch (E) {
		xmlhttp = false;
	}
}
 
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
	  xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}
 
//Función para recoger los datos del formulario y enviarlos por post  
function enviarDatosEmpleado(){
 
  //div donde se mostrará lo resultados
  divResultado = document.getElementById('resultado');
  //recogemos los valores de los inputs
  nom=document.nuevo_empleado.nombre.value;
  ape=document.nuevo_empleado.apellido.value;
  web=document.nuevo_empleado.web.value;
 
  //instanciamos el objetoAjax
  ajax=objetoAjax();
 
  //uso del medotod POST
  //archivo que realizará la operacion
  //registro.php
  ajax.open("POST", "registro.php",true);
  //cuando el objeto XMLHttpRequest cambia de estado, la función se inicia
  ajax.onreadystatechange=function() {
	  //la función responseText tiene todos los datos pedidos al servidor
  	if (ajax.readyState==4) {
  		//mostrar resultados en esta capa
		divResultado.innerHTML = ajax.responseText
  		//llamar a funcion para limpiar los inputs
		LimpiarCampos();
	}
 }
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	//enviando los valores a registro.php para que inserte los datos
	ajax.send("nombre="+nom+"&apellido="+ape+"&web="+web)
}
 
//función para limpiar los campos
function LimpiarCampos(){
  document.nuevo_empleado.nombre.value="";
  document.nuevo_empleado.apellido.value="";
  document.nuevo_empleado.web.value="";
  document.nuevo_empleado.nombre.focus();
}

registro.php

<?php
 
//Configuracion de la conexion a base de datos
  $bd_host = "localhost"; 
  $bd_usuario = "root"; 
  $bd_password = ""; 
  $bd_base = "ajax"; 
 
$con = mysql_connect($bd_host, $bd_usuario, $bd_password); 
mysql_select_db($bd_base, $con); 
 
//variables POST
  $nom=$_POST['nombre'];
  $ape=$_POST['apellido'];
  $web=$_POST['web'];
 
//registra los datos del empleados
  $sql="INSERT INTO empleados (nombre, apellido, web) VALUES ('$nom', '$ape', '$web')";
mysql_query($sql,$con) or die('Error. '.mysql_error());
 
include('consulta.php');
?>

consulta.php

<?php
 
//Configuracion de la conexion a base de datos
  $bd_host = "localhost"; 
  $bd_usuario = "root"; 
  $bd_password = ""; 
  $bd_base = "ajax"; 
 
	$con = mysql_connect($bd_host, $bd_usuario, $bd_password); 
	mysql_select_db($bd_base, $con); 
 
//consulta todos los empleados
$sql=mysql_query("SELECT * FROM empleados",$con);
?>
<table style="color:#000099;width:400px;">
	<tr style="background:#9BB;">
		<td>Nombre</td>
		<td>Apellido</td>
		<td>Web</td>
	</tr>
<?php
  while($row = mysql_fetch_array($sql)){
  echo "<tr>";
  	echo "<td>".$row['nombre']."</td>";
  	echo "<td>".$row['apellido']."</td>";
  	echo "<td>".$row['web']."</td>";
  	echo "</tr>";
  }
?>
</table>
¿Te ha gustado? Compártelo y Comenta! Puedes darme tu opinión o consultar tus dudas, de esta forma mantendremos la blogosfera viva.

    70 Commentsto Insertar datos en MySQL con PHP usando Ajax para evitar recargar la página

    1. Manuel dice:

      hola junto con saludarte y agradecerte quiero decir que esta muy bien la forma detallada en que explicas el uso de ajax justamente estoy haciendo un sistema web e imperiosamente necesitaba implementarlo muchas gracias.

    2. Juan Manuel dice:

      Hola. Estoy intentando crear una sencilla app en html que envíe datos a una base de datos MySQL, a través de un formulario (donde hay 3 campos a rellenar por el usuario). Pero esta app (gracias a Phonegap) permite mostrar las coordenadas del móvil, creado una variable que, lógicamente, depende de la posición. Y me gustaría enviar los datos de los 3 campos (que sí me aparecen en MySQL) y de las coordenadas (aquí está el problema: no se graban en la base de datos). ¿Podrías decirme donde está el problema?

      Puedes ver el código aquí: https://www.box.com/s/ifywsmxafp6c153x1kng

      Y aquí el archivo “conecta.php”: https://www.box.com/s/j5cqt7rskj7hrv1hshdi

      Mil gracias!

      • Buenas Juan Manuel,

        Deberías incluir el valor de las coordenadas que estas recogiendo en el formulario que indicas, mediante inputs hidden, para que el usuario no tenga que verlo en el formulario, de esa forma podrás pasar los datos a la página de destino para insertarlo en la base de datos.

        Espero que te sirva de ayuda, saludos.

    3. GERARDO dice:

      HOLA:
      Solo para agradecer el detalle de la explicación junto con el código comentado me sirvió de mucho. Gracias

    4. Jaun Carlos dice:

      Amigo es seguro esl envia de datos con ajax o hay la posivilidad que manipulen el envio y hacerlo desde la url y no con el button enviar

      • Aldair dice:

        Hola Juan carlos el riesgo existe ! por medio del metodo post
        & get solo es cuestion de que no alla ningun mal intensionado haga eso en tu sitio y pues cada vez que vallas adquiriendo conocimiento vallas mejorando el script de tus consultas en tu base de datos
        Jorge Caperote
        Muy bueno tu tuto me gusta mucho !

    5. Hola Juan Carlos,

      Es seguro puesto que envía los datos por POST. Éste método es utilizado por muchas aplicaciones.

      Saludos y gracias por visitar mi blog!

    6. Roberto dice:

      Andaba buscando una idea como esta porque necesito guardar datos en la base pero solo de una seccion de mi pagina , ahora bien tengo una duda … tengo un sistema en php y este guarda datos en la base y tengo un formulario general y un boton para guardar , se me ha pedido modificar la pagina y darle la oportunidad al usuario de poder modificar las areas de texto que previamente han sido guardadas ….. tu ejemplo lo trabajas con un form pero en mi caso no podria usarlo ya que tengo un form general y no puedo meter un form dentro de otro form….hay alguna otra manera de enviar datos a una pagina sin usar un form??

    7. Hola, me parece interesante tu tutorial, pero estamos ya en el 2013, parece que viera un código de la década del 90, usa PDO para insertar a la base de datos, por seguridad sobre todo, usa patrones de diseño (MVC, Factory, facade), usa un framewrok javascript como jquery para pasar datos al servidor, usa addcslashes.

      Saludos.

      • Hola Mario, me parece bien tu crítica pero creo que no encaja con el contenido del artículo, está claro que hay métodos de conexión a base de datos como PDO (que puedes ver en mi siguiente artículo: http://soyautodidacta.com/2013/04/conexion-a-base-de-datos-en-php-con-pdo/) que supongo que no habrás visto en mi blog, aparte de necesitar una versión superior a 5.1 de PHP, y puede que te sorprenda pero no todo el mundo dispone de ella aún.

        Podría usar un modelo-vista-controlador como Symfony2 (en el que estoy empezando a desarrollar un hilo de artículos con manuales http://soyautodidacta.com/2013/05/frameworks-php-symfony-empezando/) o CodeIgniter (que estoy escribiendo artículos ya, por lo que aún no están subidos).

        Se que existen métodos para utilizar jQuery, de hecho yo los utilizo, pero la alta demanda de éste tipo de artículos me ha llevado a hacerlo así precisamente. Supongo que he resuelto todas tus inquietudes y dudas, y por último, no creo que vieras muchas webs con funcionalidades de Ajax en la época de los 90.

        Un saludo y gracias por visitar mi Blog!

    8. […] a ver otro método más para insertar datos en una base de datos MySQL, hace unos meses vímos como insertar datos en MySQL con Ajax y PHP. Todo esto viene por la necesidad de introducir datos en nuestra base de datos sin tener que […]

    9. Gilberth dice:

      Hola muy buena tu explicación. Tengo una pregunta un poco diferente de lo explicado aqui y es que yo tengo una pagina con un select que dependiendo lo que seleccionan se llenan unos input text con el contenido de la base de datos. Todos los input se crean con ajax y se muestran en la pagina perfectamente el problema es que si el usuario modifica el contenido tengo que guardar en la base de datos las modificaciones pero como son inputs hechos en ajax nose como obtener el value de ellos y para ponder guardarlo. Gracias.

      • Hola Gilberth,

        Gracias por visitar mi Blog. Cuando creas inputs por ajax, estás creando un código HTML que será pasado su value a otra página al hacer submit, si yo modifico los campos de los inputs creados, al pasarlo por POST a otra página php tiene que recoger los values que estén en los inputs en el momento de hacer submit, si quieres insertar datos desde la misma página puedes usar éste método para insertarlo o hacerlo con jQuery http://soyautodidacta.com/2013/08/insertar-datos-jquery-php-en-mysql/
        Los values tomarán el valor cuando se hace submit al form

        Saludos.

    10. Jo dice:

      HOla
      Muy interesante este tuto. Tengo varias preguntas.
      ¿Pueden otras personas captar de alguna manera lo que se envia desde este form? ¿Cómo es de seguro el envio de datos asi?
      he implementado esto en un form y tengo algun input en hidden en el que asigno variables (que quiero encriptar). Necesito que lo que la gente envie desde este form sea totalmente confidencial y seguro.
      ¿Cómo lo consigo? ¿Con que recomendais encriptar las variables de los input hidden?
      si esta no es la mejor manera, ¿Qué recomendais?
      gracias

      • Hola Jo,

        El método es igual de seguro que si lo envías con un formulario normal a otra página PHP. Ahí entra en juego el filtrado de campos, limpieza de código para prevenir inyecciones sql, etc…

        Puedes utilizar éste método que puede ser un poco más seguro, lo más importante es que limpies los campos al enviarlos a la otra página PHP para prevenir ataques sql, etc.

        Un saludo y gracias por visitar mi blog!

        • Jo dice:

          estudiaré el tema de limpieza de código, filtrado, etc…
          ¿si tengo un certificado SSL en mi web ya estan seguros los datos que envie por POST a mi servidor? ¿Me aseguro con un certificado SSL que no habrá inyeccion de sql? Estoy verde en tema de seguridad y antes d elanzar mi proyecto quiero tenerlo claro.
          gracias

          • Si usas certificado SSL el tráfico entre páginas estará cifrado y por lo tanto no podrán intervernir esos datos, eso no quiere decir que no puedan alterar lo que se envía mediante formularios, para ello tendrás que securizar las consultas y comprobar que los campos que envías son correctos y sin alterar. Si vas a utilizar una aplicación en PHP te recomendaría utilizar CodeIgniter, que ya viene integrada la seguridad. Si te sientes con ganas de más puedes probar Symfony2, es el framework con más reputación para la mayoria.

            Saludos.

    11. Samuel dice:

      Bueno amigo, esto es lo que andaba buscando hace rato. Tengo nociones de PHP pero nunca profundicé. El problema de siempre pasa por los formularios: si trabajas en javascript, no puedes convertir las variables a PHP, si trabajas en PHP, tienes que recargar la pagina para guardar las variables.
      Es más que evidente que la tecnología AJAX ha venido a cubrir este vacío que hay y mucho dentro de la programación, para hacerla, diría yo, más dinámica.
      Muchísimas gracias, ahora me pondré de lleno a trabajar en mi sitio, que está repleto de formularios. Gracias.

    12. OrianaP dice:

      Hola! Queria saber si el también funciona para, adicionalmente de registrar datos de tipo texto, para registrar imágenes. Es que tengo un formulario con datos de un producto pero obligatoriamente debo subir también una foto del mismo. Gracias!

    13. michel dice:

      mmmm si me envia los datos pero no funciona no sabeas por que gracias muy buen ejemplo!

    14. Vicky dice:

      Hola, como puedo subir un numero n de fotos a una base de datos my sql de manera automatica sin que tenga que seleccionar archivo por archivo, sino mas bien leer el contenido del directorio y subirlo a la base de datos
      Gracias

    15. rehtse dice:

      Hola esta muy bueno tu ejemplo y es justo lo que quiero hacer soy novata,e intente hacer lo mismo pero me funciona no se si pudieras ayudarme con mi código gracias

      • Puedes utilizar el depurador de Google Chrome, viene muy bien para analizar los datos que se están cargando en cada momento en el navegador y que archivos están actuando y cuáles dan error.

        Si quieres puedes exponerme tu problema o código y te podré ayudar.

    16. ivan dice:

      esta buenísimo eee me gusto ya tiene que andaba buscando ese tipo de ejemplos

    17. alondra dice:

      esta muy bien explicado justo andaba buscando algo que me ayudara a resolver dudas, muchas gracias por el aporte

    18. defor system dice:

      esta nuy bueno el aporte lo pondre en practica ya que soy nuevo en ajax y en la creacion de paguinas web

    19. NIcoals dice:

      Hola muy bueno el código la verdad, pero tengo un problema, en el momento que intento agregarle una nueva tabla ( despues de web ), agrego todo pero la verdad no me esta grabando la informacion, directamente no me toma nada

    20. Mario dice:

      hola jorge, primeramente decirte que no se nada de ajax y tu ejemplo se entiende muy bien, estoy intentando hacer una tienda online, y lo que no quiero es que cada vez que pulse sobre el boton añadir a la cesta, se recargue la pagina, por eso tu ejemplo esta muy bien. a tu ejemplo en vez de ingresar los datos he hecho una consulta y que cada articulo tenga el boton añadir,y quiero que ese articulo seleccionado se grabe nuevamente en la base de datos, solo por hacer una prueba a ver si los datos seleccionados x el formulario los graba, y veo que no, podrias echarme una mano y decirme que esta mal, muchisimas gracias.

      Registro de empleados

      // JavaScript Document

      // Función para recoger los datos de PHP según el navegador, se usa siempre.
      function objetoAjax(){
      var xmlhttp=false;
      try {
      xmlhttp = new ActiveXObject(“Msxml2.XMLHTTP”);
      } catch (e) {

      try {
      xmlhttp = new ActiveXObject(“Microsoft.XMLHTTP”);
      } catch (E) {
      xmlhttp = false;
      }
      }

      if (!xmlhttp && typeof XMLHttpRequest!=’undefined’) {
      xmlhttp = new XMLHttpRequest();
      }
      return xmlhttp;
      }

      //Función para recoger los datos del formulario y enviarlos por post
      function enviarDatosEmpleado(){

      //div donde se mostrará lo resultados
      divResultado = document.getElementById(‘resultado’);
      //recogemos los valores de los inputs
      nom=document.nuevo_empleado.nombre.value;
      ape=document.nuevo_empleado.apellido.value;
      web=document.nuevo_empleado.web.value;

      //instanciamos el objetoAjax
      ajax=objetoAjax();

      //uso del medotod POST
      //archivo que realizará la operacion
      //registro.php
      ajax.open(“POST”, “registro.php”,true);
      //cuando el objeto XMLHttpRequest cambia de estado, la función se inicia
      ajax.onreadystatechange=function() {
      //la función responseText tiene todos los datos pedidos al servidor
      if (ajax.readyState==4) {
      //mostrar resultados en esta capa
      divResultado.innerHTML = ajax.responseText
      //llamar a funcion para limpiar los inputs
      LimpiarCampos();
      }
      }
      ajax.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”);
      //enviando los valores a registro.php para que inserte los datos
      ajax.send(“nombre=”+nom+”&apellido=”+ape+”&web=”+web)
      }

      //función para limpiar los campos
      //function LimpiarCampos(){
      // document.nuevo_empleado.nombre.value=””;
      // document.nuevo_empleado.apellido.value=””;
      // document.nuevo_empleado.web.value=””;
      // document.nuevo_empleado.nombre.focus();
      //}

      Nombre
      Apellido
      Web

      <input name="nombre" type="text" value="”/>
      <input name="apellido" type="text" value="”/>
      <input name="web" type="text" value="”/>

    21. Damián dice:

      Hola, me está ayudando mucho tu ejemplo, pero intento ir un poco más allá y no lo consigo. Me gustaría que el listado que devuelve quede filtrado por algún campo, por ejemplo apellido.

    22. Julio dice:

      Hola Jorge, me ha gustado mucho tu ejemplo.
      Yo estoy implementando en un proyecto pero me surge un problema.
      Lo utilizo para seguimiento de proyectos entonces lo que se guarda le añado el id de cada proyecto, en el archivo consulta.php, la lectura de la base de datos en vez de la tabla completa es de una parte de ella
      $sql=mysql_query(“SELECT * FROM seguimiento WHERE idproyecto = ‘$idproyecto'”,$con);
      el problema es que cuando hago ese cambio, no me carga lo que escribo en el formulario.
      Si pongo un número a mano si que funciona
      $sql=mysql_query(“SELECT * FROM seguimiento WHERE idproyecto = ‘2’”,$con);
      pero cuando es una variable no se carga.
      Que puedo hacer con esto?
      Gracias

    23. diego dice:

      muy bueno el codigo
      lo implemente y funciona de marabilla
      solo que me surge un problema, te cuento por si me puedes hechar una mano
      Si implemento el codigo todo funciona de marabilla, el problema en cuando pongo otro segundo formulario(codigo)
      al cual le cambio los nombres…
      Yo creo que el problema es que onsubmit=”enviarDatosEmpleado();..” llama al

      como sabe la funcion enviarDatosEmpleado111() que tiene que llamar a ajax111.js
      y la funcion enviarDatosEmpleado222() a ajax222.js

      • diego dice:

        Nada Jorge comentarte que ya he resuelto el problema

        Estube mirando algo de javascript (ya que no tengo ni idea)
        y ya me di cuenta que lo que pones de “” es parecido a un include de php

        gracias por todo y nada estare atento a nuevas publicaciones
        saludos

    24. Roldan dice:

      Gracias me sirvio de mucho este codigo, en mi proyecto lo necesitare, y agregare esta pagina a mis marcadores…

    25. Victor dice:

      Gracias por su interés de compartir, está fácil y excente la elaboración, me ha servido, sigue adelante. Saludos

    26. Mario dice:

      Excelente que bien lo organizaste y lo explicas, gracias.

    27. Eduardo Landa dice:

      Hola que tal, me gustó este post aunque la verdad sé muy poco de AJAX, me gustaría saber si tienes un ejemplo de como insertar algunos registros desde un checkbox a una base de datos y hacer la consulta de la base de datos a la página y que se prendan o apaguen esos checkbox dependiendo de los valores que tiene.

      Muchas gracias por la ayuda!

    28. Reynaldo dice:

      pues yo no entendi, cual es la funcion que se encarga de sacar los datos y mostrarlos…??? no se explica…

    29. Pedro dice:

      Estimado muy bueno tu aporte, soy nuevo en esto y tu explicacion me anduvo de lujo, pero ahora queria saber si me podrias dar una mano para ver como se puede editar la informacion , o sea que en la linea donde aparece la infomracion en la consulta aparezca al final un boton para editar, como se hace esto???
      Muchas gracias

    30. eider dice:

      hola me gusto mucho tu script y me sirvio de mucho pero tengo una pregunta quiero que esta funcion me envie varios formularios intento hacer esta funcion y no me da resultado por que solo recibe datos de el formulario por su nombre habra alguna forma de evitar esto este problema se surge por que mis formularios se generan automaticamente desde mysql dependiendo de los datos que tenga gracias

    31. Matias dice:

      Muchas gracias por compartir tu código!
      Solo quería pedirte una pequeña ayuda..
      A este Empleado necesitaria agregarle por ejemplo un radio button con Sexo, y una lista por ejemplo Paises.. para que pueda seleccionar uno!

      Muchas gracias !!!
      Saludos

    32. venisker dice:

      buen ejemplo

    33. Adelma dice:

      Buenas, tengo un problema. Estoy probando el código y resulta que me inserta cuatro veces el mismo registro. ¿Alguna idea de por qué?

    34. Jesus Liñan dice:

      Buen articulo, paso a paso. Sigue adelante. Saludos

    35. Miguel Angel dice:

      Hola, quisiera saber si alguien me puede ayudar, ya que tengo un proyecto que no puuedo concluir por el detalle que les platicaré, necesito hacer algo similar a lo que se muestra en el articulo y es lo siguiente:

      Tengo un aproximado de 6000 productos en una base de datos mysql a los cuales corresponde un precio o costo, y de los cuales requiero que se puedan seleccionar algunos puede ser 1 o 20 esto de forma dinamica desde un buscador ajax y que sugiera los nombres al seleccionarlos los agregue a una lista, no importando si se guarda en la base de datos puede ser virtual en esta lista deberian sumarse sus costo y arrojar el total, algo como un punto de venta, pero solo para cotizar, posterior agregar estos datos tengo que hacer que puedan imprimirse en un archivo pdf, el problema que tengo es que tiene que ser en ajax para ser mas dinamico y sin necesidad de recargar la página, ya lo tengo en php y mysql pero es muy lento ya que todo lo agrega a la base de datos y cada concepto tiene que guardarse de forma individual.

      Alguien me podría orientar en como hacerlo se los agradeceria mucho.

      Saludos Miguelon

    36. Pablo dice:

      Es el primer ejemplo que pruebo y me funciono sin problemas, muy simple y perfecto. Muchas gracias por ayudar. No tienes una idea de la alegría que me diste. Abrazo Grande!

    37. Enrique Astete dice:

      Con tu tutorial por fin pude entender y aprender el uso de Ajax para no recargar la página. Excelente la manera tan didáctica cómo explicas cada paso.
      Gracias, me sirvió mucho.

    38. Gaston dice:

      Buenas tardes, muy buen tutorial, modificando tu ejemplo eh creado un formulario con 10 inputs hasta ahí todo bien pero cuando paso los 10 inputs no me pasa la información a la base de datos pero si me limpia los inputs. Nose porque puede ser…

      Un saludo y gracias.

    39. Fermina dice:

      hola buscando en la web encontre tu código pero no se que estoy haciendo mal que no me funciona

    40. Pedro Rojas dice:

      Excelente aporte, estoy agradecido al igual que muchas personas por lo que hacen en esta web, que Dios siga dando sabiduria cada dia.

      Bendiciones!!!

    41. Alfredo dice:

      Excelente tutorial. Sencillo y claro. Justo lo necesario para iniciarse y dominar la tecnologia. Sencillamente: GRACIAS!!…

    42. Luis dice:

      HICE TODO COMO EL TUTORIAL Y NO ME FUNCIONA SOLO ME LO ENVIA POR GET, PERO EN LA BASE DE DATOS NO ESTAN LOS REGISTRO, ESTOY USANDO SUBLIME, al final me rendi, y realice un copy paste para ver si hice algo incorrecto, y tampoco funcionaba alguna ayuda de tu parte ?

      • Jorge Garcia dice:

        comprueba bien la ruta a tu archivo registro en la linea
        ajax.open(“POST”, “registro.php”,true);
        a mi no me funcionaba porque no encontraba el archivo ya que estaba en otra ruta , ayudate de la consola del navegador google chrome (F12) , que te informa de los posibles errores , mira bien los id de tus campos , puede que no coincidan en el archivo ajax y el de empleadosregistro
        y no desistas , seguro que es alguna tonteria , pero al final te funcionara , salu2!

    43. Jorge Garcia dice:

      Hola tocayo , he visto el articulo, muy bueno e ilustrativo , lo he usado para hacer un ejercicio en clase , pero lo he modificado y he creado listas dependientes, por ejemplo si elijo un colegio de un select ( en el que previamene hay insertados unos centros con su id y su nombre ) me aparecen todos los cursos que tiene ese centro en otro select , el problema viene a la hora de insertarlos , y es que aunque en la casilla del select del curso hago que aparezca el nombre , en la base de datos , lo que me guarda es la posicion del array donde esta ese centro , pero no el nombre del centro que es lo que yo quiero, tienes alguna idea de porque pasa eso y una teoria de como podria hacer que se guardara el nombre y no la posicion del arry? un saludo , enorabuena por tu web y gracias!!

    44. Jorge Garcia dice:

      Perdona que aclare algo , no es la posicion del array lo que se inserta sino el id del colegio , aunque el curso si que se introduce con el nombre

    45. Franco dice:

      Muchas Gracias por tu codigo me ayudo muchisimo

    46. Ivan Bustos dice:

      Hola Jorge,

      Muy buen tutorial de como utilizar estas tecnologías. Tengo una duda. Entiendo que ejecutas la función desde el evento onsubmit, pero esto es esperando a la ejecución del usuario. ¿Cómo puedo realizar un refresco de los datos automáticamente cada cierta cantidad de segundos?, algo así como un setinterval.

      Muchas gracias.

      Saludos,

      Iván.

    47. Ignacio Torres dice:

      Muy buen post, me ayudo a realizar una tarea que no sabia como realizar. Te agradezco que ofrezcas tu ayuda y suerte. Felicidades

    48. Walter dice:

      Hola! Como hago para usarlo con dos o tres formularios en la misma página? Estuve probando y no me anda..

    49. Johnny Pacheco dice:

      Muy Buen aporte amigo. funciona al 100%

    50. Patricio Ramírez dice:

      Hola muchas gracias por el ejemplo la verdad me funciona de maravilla y ya lo aplique a mi sitio web, pero ahora tengo una duda.
      Verás estoy haciendo un muro de noticias al estilo de facebook, el cual un usuario hace una publicación (es aquí donde utilice tu código para que no se recargara la pagina), ahora lo que intento hacer es que los usuarios dejen comentarios debajo de la publicación sin que se recargue la pagina, tienes alguna idea de como pueda estructurarlo? lo intente hacer como tu lo pones en este ejemplo pero la verdad no he tenido buenos resultados. Espero leas esto y me puedas ayudar o bien orientar sobre el tema, muchas gracias por todo

    51. Halley89 dice:

      Reading your blog gave me a lot of interesting info , it
      deserves to go viral, you need some initial traffic only.
      How to get initial traffic??? Search for: masitsu’s tricks

    52. elshunior dice:

      Muchas gracias brother, me sirvio a 100%, exitos y bendiciones… :)

    53. MeSalvaste dice:

      Que buena onda y que mejor y prácticamente explícado, me ha servido exxito amigo y buenas vibras.

    54. juan dice:

      Hola. primero quiero decir que esta muy bueno el ejemplo. ahora se me ocurre que por ahí alguien sabe como hacer para editar un registro, si es así y tienen algún ejemplo bienvenido. desde ya muchas gracias

    Deja un comentario

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


    *

    © 2017 Soy Autodidacta | Design Theme by: D5 Creation | Powered by: WordPress