Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

formulario sin recargar pagina

PHP, HTML, CSS, JS, jQuery, etc.
neto60
Observador/a
Mensajes: 1
Registrado: 30 Dic 2013, 23:52

formulario sin recargar pagina

#1

Mensaje por neto60 »

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());
?>




Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Volver a “🆘 Recursos Webmaster”