ajax y input text

[sergiop21]

buenas compañero

no tengo mucha experiencia con ajax pero me lo que necesito hacer es que cuando ingreso un valor en input text, me compruebe si existe ese codigo, si existe que me complete los demas campos, eso se puede???

[jenusys]

Claro que se puede y es facílísimo si conoces algo de JS. El asunto es a qué tipo de servicio vas a solicitar los datos de vuelta, PHP, ASP, CF y si tienes que comparar ese registro con qué archivo, variables o bases de datos.

[sergiop21]

Si javascript conozco, y el servicio es php con la base de datos, es algo asi

yo queiro dar de alta un producto, por codigo, primero comprobar pero en el caso de que exista que se completen los campo, sino que sigan en blanco

[sergiop21]

holaaaaaa necesito ayudaaaaaaa gracias!!!!!!!

[jenusys]

Bueno viejo, hoy estoy como compasivo y te voy a poner un ejemplo. Pero me vas a dar buen Karma o si no te echo la maldición del garabatos (...Garabatos era un pez que no podía navegar...) XD.

Tienes dos archivos y uno para JS que puedes llamar "miajax.js", el uno se va a llamar "yoenvio.html" y el otro "yorecibo.php"

En el archivo "JS" puedes poner algo como ésto:

//ARCHIVO MIAJAX.JS

//Creamos la variable para toda la función.
var ajaxbusca;

//Creamos el objeto que enviará el POST
function buscarconpost(){
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}

//Esta función nos envía los datos.
function enviarbusca() {

//Recuperamos los datos del formulario
var valorposta = document.buscar.boton.value;
var valorpostb = document.buscar.haga.value;

//Recurrimos al objeto que enviará POST
ajaxbusca=buscarconpost();

if (ajaxbusca==null)
{
alert ("Parece que tu navegador no tiene soporte para AJAX");
return;
}

var url="yorecibo.php";
ajaxbusca.onreadystatechange=resultadover;
//Método, Dirección y variable.
ajaxbusca.open("POST",url,true);
//Se envían las cabeceras.
ajaxbusca.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//Finalmente se envían las variables.
ajaxbusca.send("haga="+valorpostb+"&boton="+valorp osta);

//Limpiamos la variable del comentario.
document.buscar.haga.value = "";
}

function resultadover()
{
if (ajaxbusca.readyState==4)
{
document.getElementById("resultado").innerHTML=aja xbusca.responseText;
}
}

Luego en YOENVIO.HTML

... HTML

<script type="text/javascript" src="miajax.js"></script>

... HTML

<br /><br />
<small>Formulario para buscar el código que querés</small><br /><br />
<form name="buscar" method="post" action="javascript:enviarbusca();">
<input type="text" name="haga">
<input name="boton" value="buscar">
<input class="buscab" type="submit" name="envia" value="Buscar">
</form>
<br />
</td>
</tr>

</table>

<br />
<div id="resultado"></div>
<br />

...HTML


<?php
//Rescato variables de búsqueda si las hay
$boton = $_POST["boton"];
$haga = $_POST["haga"];
$devuelto = null;

...AQUÍ LA CONSULTA A LA BASE DE DATOS...

...AQUÍ MUESTRO LOS RESULTADOS QUE PUEDE SER UN FORMULARIO CON LOS
CAMPOS AUTOLLENADOS. EJ: echo "<input type=text value=$row[7]>"...


SI CONOCES DE JS EL RESTO ES HISTORIA PARA VOS!!! OJO CON EL CÓDIGO PUES PUEDE TENER DEFECTOS PERO ESA ES LA IDEA PRINCIPAL.

Ya en serio, espero te sirva.

[sergiop21]

muchas gracias compañero, ahora lo pruebo y te dijo y si funca te dejo los karma
jajajajjaja

[sergiop21]

vamos parte por parte como jack

miaxaj.js

Código:

//ARCHIVO MIAJAX.JS

//Creamos la variable para toda la función.
var ajaxbusca;

//Creamos el objeto que enviará el POST
function buscarconpost(){
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}

//Esta función nos envía los datos.
function enviarbusca() {

//Recuperamos los datos del formulario
var valorposta = document.buscar.boton.value;
var valorpostb = document.buscar.haga.value;

//Recurrimos al objeto que enviará POST
ajaxbusca=buscarconpost();

if (ajaxbusca==null)
{
alert ("Parece que tu navegador no tiene soporte para AJAX");
return;
}

var url="yorecibo.php";
ajaxbusca.onreadystatechange=resultadover;
//Método, Dirección y variable.
ajaxbusca.open("POST",url,true);
//Se envían las cabeceras.
ajaxbusca.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//Finalmente se envían las variables.
ajaxbusca.send("haga="+valorpostb+"&boton="+valorp osta);

//Limpiamos la variable del comentario.
document.buscar.haga.value = "";
}

function resultadover()
{
if (ajaxbusca.readyState==4)
{
document.getElementById("resultado").innerHTML=aja xbusca.responseText;
}
}

esto es html

Código:

<html>
<head>
<script type="text/javascript" src="miajax.js"></script>

</head>
<body>
<br /><br />
<small>Formulario para buscar el código que querés</small><br /><br />
<form name="buscar" method="post" action="javascript:enviarbusca();">
<input type="text" name="haga">
<input name="boton" value="buscar">
<input class="buscab" type="submit" name="envia" value="Buscar">
</form>
<br />
</td>
</tr>

</table>

<br />
<div id="resultado"></div>
<br />
</body>
</html>

y esto es yorecibo.php

Código:

<?php
//Rescato variables de búsqueda si las hay
$boton = $_POST["boton"];
$haga = $_POST["haga"];
$devuelto = null;
?>

bueno si es asi, no me esta funcionado jajajajja

[sergiop21]

si quieres este es mi correo [email protected] agregame al msn

[jenusys]

¿ Siiiiiii ?

Dijiste que sabías algo de JS. Me imagino que sabes algo de PHP.
¿Dónde estás poniendo la consulta a tu BD? ¿Dónde pones los resultados de dicha consulta? Creo que te expliqué dónde ponerlos pues yo no sé qué datos voy a traer y de qué tipo de BD, y esa es precisamente tu tarea.