consultar db sin recargar
oigan les traigo un scrip muy bueno y pequeño, no jombre me costo aserlo ya que soy principiante
en ajax bueno dejemos de hablar y a empezar.
lo que bamos a aser es lo siguiente crearemos solo dos archivos.
primero y el principal.
index.html:asemos la consulta.
__________________________________________________________________________________
Código HTML :
<html>
<head>
<script type="text/javascript">
function verificar(){
//instanciamos el objeto xmlhttprequest lla que esa es la que ase q no carge la pagina
instanciar=new XMLHttpRequest();
return instanciar;
}
function mostrarContenido(url){
//los objetos que queremos enviar o usar
divresultado= document.getElementById("texto");
var usuario=document.consulta.usuario.value;
var clave=document.consulta.clave.value;
var apellido=document.consulta.apellido.value;
var nombre=document.consulta.nombre.value;
//divresultado es un mensaje de espera
divresultado.innerHTML="cargando....";
ajax=verificar();
//realiza la peticion http
ajax.open("POST",url,true);
//preparamos la peticion con onreadystatechange
ajax.onreadystatechange=function(){
if(ajax.readyState==4){
//cambia de msj de espera ala respuesta que dio el servidor
divresultado.innerHTML=ajax.responseText;
}
}
//setRequestHeader se utiliza cuando se utiliza el metodo POST
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//con este lo que ase es enviar todos los objetos al servidor
ajax.send("usuario="+usuario+"&clave="+clave+"&apellido="+apellido+"&nombre="+nombre);
}
</script>
</head>
<body>
<div> <font color="#C0C0C0"><h1>REGISTRATE GRATIS</h1></font></div>
<form name="consulta" action="" onsubmit="mostrarContenido('consulta.php'); return (false);">
usuario:<br><input type="text" id="usuario" name="usuario"><br>
clave:<br><input type="password" id="clave" name="clave"><br>
nombre:<br><input type="text" id="nombre" name="nombre"><br>
apellido:<br><input type="text" id="apellido" name="apellido"><br>
<input type="submit" value="Resgistrarse">
</form>
<div id="texto"></div>
</body>
</html>
__________________________________________________________________________________
espero que haigan entendido la primera parte lla que es la clave de todo esto...
aora vamos ah aser el archibo que aga la consulta ala db que es php...
segundo archibo.
consulta.php: aca insertamos datos ala db .
__________________________________________________________________________________
Código PHP :
<?php
//aca recive los datos enviados por ajax
$usuario = $_POST['usuario'];
$clave=$_POST['clave'];
$nombre=$_POST['nombre'];
$apellido=$_POST['apellido'];
//aca ponen su servidor
$servidor="localhost";
//aca ponen el usuario
$usuario="root";
//ponen la clave
$clave="";
//lo que ase es esperar un segundo para que se pueda apreciar el comentario de cargando
sleep(1);
$conexion=mysql_connect($servidor,$usuario,$clave);
mysql_select_db("fackel2101",$conexion);
//insertamos datos ala dv
$consultar=mysql_query("INSERT INTO usuarios (usuario,clave,nombre,apellido) VALUES ('$usuario','$clave','$nombre','$apellido')",$conexion);
mysql_close($conexion);
echo "listo fuistes registrardo";
echo "<center><font color=red><h1>BIENVENIDO $usuario</h1></font></center>";
?>__________________________________________________________________________________
