Ver Mensaje Individual
  #6 (permalink)  
Antiguo 14/02/2012, 20:20
MARCASTELEON
 
Fecha de Ingreso: octubre-2010
Mensajes: 107
Antigüedad: 13 años, 6 meses
Puntos: 14
Respuesta: llenar input con ajax

Hola,

Lo primero es crear la funcion que se encargue hacer la peticion al php y este a la base de datos, asi:


Código Javascript:
Ver original
  1. function cargar(inputValue)
  2. {
  3.  
  4.  
  5. var ajax=(window.XMLHttpRequest)? new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
  6.  
  7.  
  8. ajax.onreadystatechange=function()
  9.   {
  10.   if (ajax.readyState==4 && ajax.status==200)
  11.     {
  12.     document.getElementById("precio_unitario").value=ajax.responseText;
  13.     }
  14.   }
  15. ajax.open("GET","consulta.php?p="+inpuValue,true);//consulta.php es el archivo php que se encargara de hacer la consulta a la base de datos
  16. ajax.send(null);
  17. }
  18.  
  19.  
  20. //con esta funcion comprovamos que no se hagan consultas cuando el valor de input sea ""
  21. function buscar(){
  22. if(document.getElementById('buscar_Articulo').value!="")
  23. cargar(document.getElementById('buscar_Articulo').value)   
  24. }


en el html, como lo decias, le puedes agregar un evento a los input para que ejecuten la funcion "buscar" y esta ejecutara "cargar"

Código HTML:
Ver original
  1. <input id="cantidad" onfocus="buscar()" />
  2. <input id="ancho" onfocus="buscar()" />
  3. ....
  4. ...
  5. ..
  6. .


"consulta.php" se encarga de mediar entre la base de datos y la paticion ajax.

ahora, tienes ya creada la base de datos?, es MySQL?