hola amigos, estoy intentando visualizar todos los registros de una tabla y cada registro con un formulario con boton de grabar respectivamente, para asi al darle al boton grabar a los registros que me interesan grabarlos en otra tabla, pero sin que la pagina se recargue. lo he intentado con un codigo que he conseguido pero no me graba nada, podrian echarme un vistazo y decirme que le pasa. muchas gracias.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Registro de empleados</title>
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
// 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('');
//recogemos los valores de los inputs
nom=document.getElementById.nombre.value;
ape=document.getElementById.apellido.value;
web=document.getElementById.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();
//}
//
</script>
</head>
<body>
<?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))
{
$nom= $row['nombre'];
$apellido= $row['apellido'];
$web= $row['web'];
?>
<tr>
<td><?php echo $nom?> </td>
<td><?php echo $apellido?> </td>
<td><?php echo $web?> </td>
<td><form name="nuevo_empleado" action="" onsubmit="enviarDatosEmpleado(); return false">
<input name="nombre" type="text" value="<?php echo $nom?> "id="nombre"/>
<input name="apellido" type="text" value="<?php echo $apellido?>" id="apellido"/>
<input name="web" type="text" value="<?php echo $web?>" id="web"/>
<input type="submit" name="Submit" value="Grabar" />
</form>
</td>
</tr>
<?php }?>
</table>
</body>
</html>
/********************************** 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'];
$sql="INSERT INTO guardados (nombre, apellido, web) VALUES ('$nom', '$ape', '$web')";
mysql_query($sql,$con) or die('Error. '.mysql_error());
?>
formulario sin recargar pagina
PHP, HTML, CSS, JS, jQuery, etc.
Volver a “🆘 Recursos Webmaster”
Ir a
- 🔔 Anuncios importantes
- ↳ 🔔 Anuncios Oficiales
- ↳ 🔄 Area51 phpBB España
- ↳ 🔄 Area51 phpBB Oficial
- ↳ 🎨 Demo de Estilos 3.3.x
- 🔎 Foros de Soporte
- ↳ 📝 Guías sobre phpBB
- ↳ 🔎 Foros de Soporte 3.2
- ↳ 🔎 Foros de Soporte 3.3
- 📦 Foros de Extensiones
- ↳ 📦 Extensiones Oficiales
- ↳ 📦 Extensiones 3.2
- ↳ 📦 Extensiones 3.3
- ↳ 📦 Extensiones en Desarrollo
- ↳ Soporte de Extensiones 3.2
- ↳ Soporte de Extensiones 3.3
- 🎨 Foros de Estilos
- ↳ 🎨 Estilos Oficiales
- ↳ 🎨 Estilos 3.2
- ↳ 🎨 Estilos 3.3
- ↳ 🎨 Estilos en Desarrollo
- ↳ Soporte Estilos phpBB 3.2
- ↳ Soporte Estilos phpBB 3.3
- ⚙️ Recursos para phpBB
- ↳ 📊 Colaboraciones Gráficas
- ↳ 🔰 Rangos
- ↳ 🅾 Botones
- ↳ 📑 Traducciones phpBB
- ↳ 🔩 Foros de BBCodes
- ↳ ⚙️ BBCode General
- ↳ ❓ Dudas sobre BBCode
- 🌍 Sin Soporte Específico
- ↳ 🆕 Debates sobre phpBB
- ↳ ➡️ Charla general
- ↳ ☢️ Intervenciones phpBB
- ↳ 🆘 Recursos Webmaster
- ↳ 🗳️ Servidores
- ↳ ☣️ Foro de Pruebas
- 📋 Archivos phpBB
- ↳ Archivo de phpBB
- ↳ Archivo phpBB 2.0
- ↳ Descarga de MODs en castellano para phpBB 2
- ↳ Desarrollo de MODs phpBB 2
- ↳ Instalaciones y Actualizaciones de tu phpBB 2
- ↳ Guías, manuales, tutoriales, ayuda, sobre phpBB 2 y otros
- ↳ Soporte, preguntas sobre MODs de phpBB 2
- ↳ Cracker Tracker Professional
- ↳ phpBB 2 Avanzado, integración, etc.
- ↳ Soporte para plantillas de phpBB 2
- ↳ Plantillas para foros phpBB 2
- ↳ Archivo phpBB 3.0
- ↳ Foros de Estilos 3.0.x
- ↳ Estilos aprobados
- ↳ Estilos en desarrollo
- ↳ Soporte para Estilos phpBB 3.0.x
- ↳ AutoMOD en Español
- ↳ MODs Aprobados
- ↳ MODs en desarrollo
- ↳ [3.0.x] MODs Abandonados
- ↳ Foros de Soporte 3.0.x
- ↳ Foros de Modificaciones 3.0.x
- ↳ Soporte de MODs
- ↳ Archivo phpBB 3.1
- ↳ Foros de Soporte 3.1.x
- ↳ Extensiones Oficiales 3.1
- ↳ Soporte de Extensiones 3.1.x
- ↳ Soporte Estilos phpBB 3.1.x
- ↳ Archivo phpBB 3.2