Lista de productos dinámica AJAX usando Inputs de texto

  
Compartir en Facebook

Ok tampoco es para emocionarse, solo es un ejemplo “sencillo” comparado con tanto recurso AJAX suelto por ahí.

Pero me encanta generar mis propias soluciones, aunque muchas veces termine cambiándolas por otro recurso.

El ejemplo lo pueden consultar en el siguiente enlace:

http://jachable.host.sk/tisoft/alta_pedido2.php

Dejo una imagen de referencia (Click para agrandar)

lista productos Lista de productos dinámica AJAX usando Inputs de texto

Pueden utilizar las siguientes  claves para agregar los productos (solo existen 2 en la BD).

Claves: 123123, 123456 en el input de Clave de Producto.

Si quieren realizar una búsqueda seleccionen una forma de buscar y escriban un criterio si existen resultados podrán consultarlos en el SELECT Resultado de la Búsqueda. La imagen les puede servir para escribir criterios de búsqueda.

El script es sencillo pero me hizo dar un par de vueltas, ya que al recuperar la información de la BD y agregarla a los campos me devolvían un error UNDEFINED, ojalá alguien me pudiera orientar.

Se que faltaría la explicación mientras tanto dejo el enlace a los códigos que si no mal recuerdo no deberían expirar, o en el peor de los casos desaparecer después de un mes je, je.. si es así por favor avisen para volverlos a subir.

Espero le sirva de referencia a alguien =)

Saludos y espero sus comentarios.

Notas Recomendadas:



6 Comentarios

  1. Eskarabajo says:

    Buen ejemplo, Ajax es la NETA.. tengo 4 años trabajando en el desarrollo de aplicaciones WEB para Gobierno del Estado de Baja California y tenemos aproximadamente un año que comenzamos a implementar Ajax y ya llegamos al punto en que absolutamente todo lo hacemos con Ajax, Contenidos Dinamicos, Acceso a las Bases de Datos.. Todo

  2. Alberto says:

    Pues realmente te agradecería algo de orientación porque hay ocasiones donde me dan ganas de tomarme unas vacaciones je, je..

    Porque no encuentro donde esta el error, de hecho en este momento estoy en el trabajo tratando de resolver un problemilla.

    Saludos.

  3. [...] usar JQuery, pero el destino me tenia deparado otra cosa ya que me pidieron una forma que diera de alta pedidos con su respectiva lista de productos (alta, baja, edición, que cocine, que saque la basura, [...]

  4. Diego says:

    Buen día; gracias por la ayuda pero estoy pensando en que es probable que falte un archivo para que el ejemplo se ejecute correctamente; nótese que en el archivo alta_pedido2.php, hay un único form que genera una acción pos a la página make_pedido.php, el cual no está descrito acá. Me gustaría saber si es así como lo veo o hay otra explicación para que luego de cambiar los valores de la conexión y tener la base de datos correcta, no me genere la búsqueda y ni siquiera me genere un error.

  5. Alberto says:

    Eliminar estos datos:
    script src=”menu/xaramenu.js”
    script menumaker src=”menu/andybar.js”

    Efectivamente falta un archivo para un ejercicio completo, sin embargo la idea del ejemplo era simple: “Generar contenido mediante consultas usando Ajax”.

    Sobre el como guardar queda en ti, los inputs que interesan están ocultos y contienen claves que puedes enviar por ajax o por POST hacia la base de datos.

    Saludos.

  6. Edwin says:

    hay un error al momento de ingresar el producto nro 11, hace el calculo del importe del producto en la posición 1, y así el 12 hace el cálculo de 2.

Dejanos tu comentario

 

 

     
     

     
Powered by Desarrollo Web - Mnkstudio