Envíos De Dinero a México Envía dinero por Internet a México de manera rápida por tan solo $4.99 www.xoom.com Tutorial ABC en MySQL usando jQuery, Ajax y PHP En esta ocasión, les traemos un artículo dedicado a construir un completo ABC (Altas, Bajas y Cambios) sobre una tabla MySQL, mediante el uso de las herramientas: - PHP - jQuery - Ajax Tratamos de hacer todo, desde cero, esto que indica, que no trabajamos con ningún plugin de jQuery, sino que todo lo hicimos a mano. ¿Porqué hacerlo así? En algunas ocasiones, tenemos un buen plugin de jQuery que hace algo, pero queremos además agregarle una funcionalidad extra, por ejemplo, tenemos un plugin que valida un formulario, pero queremos que haga el envío de los datos mediante ajax y de esa forma, actualice la tabla en MySQL (ya sea para borrar, actualizar o agregar un registro), pero sin recargar el sitio en el que estamos. Para tal motivo, iniciamos con este artículo, tratamos de dejarlo lo más completo posible, además agregamos funcionalidades tales como refrescar la información y dar clic a una tabla y abrir la "ventana" de actualización. Por todo lo anteriormente mencionado, creamos este Tutorial dedicado a los que están comenzando o quieren ver nuevas opciones con jQuery. - Antes de iniciar, vamos hacer algunas aclaraciones: - Las acciones de agregar/actualizar,consultar y borrar, se harán desde archivos separados, para esto creamos cada archivo según la necesidad, en el caso de Agregar/Actualizar, en un único archivo se procesan las dos acciones. - La tabla donde se muestran los registros se cargará dinámicamente, por lo tanto se debe crear el archivo de consulta (llamado getdata.php). - El archivo modificar.php, muestra el formulario desde donde se llama las acciones de actualizar/agregar y borrar. - El archivo conex.php contiene las instrucciones de conexión a la base de datos, se debe adecuar al hosting donde se vaya a ejecutar. La estructura de la tabla utilizada es: CREATE TABLE `tmp_usuarios` ( `user` varchar(20) NOT NULL, `pass` varchar(20) NOT NULL, `correo` text NOT NULL, `estado` tinyint(1) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=utf8; El contenido de los archivos .php utilizado es el siguiente: 0) { $tabla = '
'; $tabla .= ''; $tabla .= ' | Usuario | '; $tabla .= ' Clave | '; $tabla .= ' Correo | '; $tabla .= '
'; while ($rowUser = mysql_fetch_assoc($resUser)) { $tabla .= ' '; $tabla .= ' | ' . $rowUser["user"]. ' | '; $tabla .= ' ' . $rowUser["pass"]. ' | '; $tabla .= ' ' . $rowUser["correo"]. ' | '; $tabla .= '
'; } $tabla .= '
'; echo $tabla; }else{ echo "NO hay Información que mostrar"; } ?> 0) //Registro ya existe se actualiza { $sql = "Update tmp_usuarios set pass='". $pass."',correo='". $email ."' where user='" . $user . "'"; }else{ //Registro nuevo, se ingresa $sql = "Insert Into tmp_usuarios(user,pass,correo,estado) values ('" . $user ."','" . $pass ."','" . $email ."',0)" ; } mysql_query($sql, $conex) or die(mysql_error()); echo "1"; ?> Para iniciar, lo primero que debemos hacer es agregar la librería de jQuery, para esto se recomienda siempre tener la última versión. Para agregarla, tomamos el archivo index.php y en la sección head, se agregó: Leer Más