Foros del Web » Programando para Internet » Jquery »

Enviar datos por el metodo GET con ajax

Estas en el tema de Enviar datos por el metodo GET con ajax en el foro de Jquery en Foros del Web. Hola amigos tengo un inconveniente con un proyecto que estoy desarrollando necesito de su ayuda... explico. Estoy desarrollando un carrito de compras con php, ajax ...
  #1 (permalink)  
Antiguo 08/03/2016, 10:08
Avatar de Andreselah  
Fecha de Ingreso: marzo-2010
Mensajes: 14
Antigüedad: 14 años, 8 meses
Puntos: 0
Enviar datos por el metodo GET con ajax

Hola amigos tengo un inconveniente con un proyecto que estoy desarrollando necesito de su ayuda... explico.

Estoy desarrollando un carrito de compras con php, ajax tengo el siguinete problema estoy trayendo la info de mis productos de una base de datos lo cual lo hago con un while asi:

Código PHP:

 
if($número_filas==""){ 
           echo 
'No hay Registros<br><br>'
       }else{ 
                
                   echo 
"<div class='rows'>"
        while (
$row mysql_fetch_array($consulta)){  
             
            echo 

                <div class='col-md-4 productos'> 
                    <img src='$row[foto]' class='img-productos'> 
                    <label><h4>$row[nombre]<br><small>Precio:</small> S/. $row[preciopubli]</h4><h4><small>Cantidad:<input id='cantidad' class='cantidad' value='"
.$row[cantidad]."' type='number' name='cantidad'/></small></h4></label><br> 
                    <div> 
                    <button value='"
.$row[id]."'  class='btn_detalle btn btn-info' data-toggle='modal' data-target='.bs-example-modal-md'>Detalles</button> 
                    <input class='id' id='id' value='"
.$row[id]."'  type='hidden'/> 
                    <button class='btn_comprar btn btn-danger'>Comprar</button> 
                    </div> 

                </div> 
            "


        } 
        echo 
"</div>"
    } 
como se nota aquí tengo dos inputs el uno contiene el 'id' de mi producto y el otro la 'cantidad' ahora estoy tratando de enviarlos a otra página por el metodo get usando el siguiente script:
Código:
$(document).ready(compra)
function compra (){
	$('.btn_comprar').click(enviar)
	$('.nota').load("php/compra.php");
}
function enviar (){
	var dato1= $('.id').val();
	var dato2= $('.cantidad').val();
	var cadena="id="+ dato1 + "&cantidad="+ dato2;
	$('.nota').load("php/compra.php?"+cadena);	

}
el problema que tengo es que al hacer click en el botón comprar de cualquier producto me envía los datos del primer producto y no del producto que selecciono , siempre escoge los valores del primer producto que sustraigo de la base de datos he intentado de todo sin resultados, alguien sabe como hacerlo se los agradecería grandemente ...
  #2 (permalink)  
Antiguo 09/03/2016, 15:45
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 9 años, 3 meses
Puntos: 12
Respuesta: Enviar datos por el metodo GET con ajax

intenta usando esto:

Código PHP:
while ($row mysqli_fetch_assoc($consulta)) 
  #3 (permalink)  
Antiguo 14/03/2016, 08:12
Avatar de Andreselah  
Fecha de Ingreso: marzo-2010
Mensajes: 14
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Enviar datos por el metodo GET con ajax

hola gracias por responder pero el problema que tengo es con ajax no se como crear mi script ojalá pusieras ayudarme
  #4 (permalink)  
Antiguo 14/03/2016, 08:39
 
Fecha de Ingreso: diciembre-2015
Mensajes: 529
Antigüedad: 8 años, 11 meses
Puntos: 39
Respuesta: Enviar datos por el metodo GET con ajax

Código Javascript:
Ver original
  1. $.ajax({
  2.             url: 'php/compra.php',
  3.             data: { 'dato1' : dato1, 'dato2':dato2 },
  4.             type: "GET",
  5.             success: function() {
  6.               alert("Hecho");
  7.             }
  8.         });

Puedes también agregar el parámetro "error", busca información sobre ello
  #5 (permalink)  
Antiguo 14/03/2016, 13:25
Avatar de Andreselah  
Fecha de Ingreso: marzo-2010
Mensajes: 14
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Enviar datos por el metodo GET con ajax

hola gracias por tu aporte pero mira el problema que tengo es este , estoy creando una tienda on line y traigo mis productos de la base de datos travez de un while bajo la descripción de cada producto tengo un botón comprar el cual ejecuta el ajax ahora cuando yo hago clic a cualquiera de mis productos siempre me envía la información del primer producto ¿cómo consigo que me envíe la info del producto que selecciono? se que se puede hacer por medio de each pero lo he intentado y no tengo resultados .
  #6 (permalink)  
Antiguo 14/03/2016, 16:03
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 9 años, 4 meses
Puntos: 263
Respuesta: Enviar datos por el metodo GET con ajax

eso es porque no estas identificando el clien con cada linea, deberias de hacer algo mas o menos asi:

Código HTML:
Ver original
  1. <button type="button" name="addCart" id="<?php echo $row['id']; ?>" onClick="agregar(this.id)">Agregar</button>

claro yo lo que hago es enviar la ide mediante ajax a un php que ubica el producto en mi lista y lo agrega a la variable de sesion del carro solo pasandole la id, de esa manera diferencias cada producto en sus botones
__________________
[email protected]
HITCEL

Etiquetas: ajax, metodo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:26.