Enviar datos por el metodo GET con ajax

[Andreselah]

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 ...

[TrinityCore]

intenta usando esto:

Código PHP:

  while ($row = mysqli_fetch_assoc($consulta))  
   

[Andreselah]

hola gracias por responder pero el problema que tengo es con ajax no se como crear mi script ojalá pusieras ayudarme

[rodocoyote15]

Código Javascript:

$.ajax({
            url: 'php/compra.php',
            data: { 'dato1' : dato1, 'dato2':dato2 },
            type: "GET",
            success: function() {
              alert("Hecho");
            }
        });
 

Puedes también agregar el parámetro "error", busca información sobre ello

[Andreselah]

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 .

[xfxstudios]

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

Código HTML:

<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