Busqueda con Ajax y llenado de inputs con la informacion

[elboss107]

Primero que nada saludar, Soy nuevo en el foro. y tengo 2 dudas dandome mucho por la cabeza Hace muy poco comencé de lleno con la programacion web. Mis dudas son las siguientes. Espero me colaboren.

1.- Como lo dice el titulo tengo muchas dudas de como hacer la funcion para completar lo que dice en el titulo del post. creo el objeto XMLHttpRequest, me mantengo a la escucha del onReadyStateChange, pero y despues?????

2.- Y la segunda es. Uso Bootstrap para la creacion de un proyecto personal. y me gustaria saber como haria en el caso de listar una serie de clientes en un archivo PHP como llamo al css de bootstrap????


Si ven incoherencias ayudenme como les dije estoy comenzando en este universo llamado programacion web. Saludos.

[Cuervoo]

Ya estás viendo que pasa con onreadystatechange, asique solo te falta agregar que cuando readystate sea 4, quiere decir que terminó de traer todo, ese texto va a estar en la variable responsetext del objecto ajax. Hay muchos ejemplos por ahi que te lo van a dejar más claro, pero sería algo asi:

Código Javascript:

ObjectoAjax.onreadystatechange = function() {
    if (ObjectoAjax.readystate == 4) //quiere decir que terminó de traer todo
    {
        StringQueTrajo = ObjetoAjax.responsetext; //Ahora StringQueTrajo tiene todo el texto que recibió la petición
    }
}
 

Después usas los datos que tiene StringQueTrajo para cargarlo en tus inputs, para eso, lo mejor es hacer que la petición devuelva los datos en formato json, para poder manipularlos mejor. Con jquery es más fácil, pero está bueno saberlo asi a javascript "pelado".

Esto es solamente para que te des una idea, es largo de explicar, pero no es dificil de entender. Leete sobre json, que es una sintaxis muy facil, no te va a llevar mucho tiempo, y como manipular los objetos del DOM con javascript, mirate varios ejemplos, hay 2 millones. Te va a aclarar mucho el panorama.