Cargar pedido sin que se recargue toda la página

[marx-pola]

Hola a todos! Tengo una página con un carrito de compras en la cual actualmente, cada vez que hago una búsqueda y agrego un producto de ese resultado, me refresca la misma y tengo que hacer nuevamente toooda la búsqueda para seguir cargando el caro.

Lo que quisiera saber con ajax o jquery es cómo puedo hacer para que al presionar sobre el link "Agregar al Pedido" me agregue el producto sin que se me recargue toda la página. Les muestro el código en cuestión:

resultados.php

Código HTML:

......
<script LANGUAGE="JavaScript">
function confirmEnv(){
if (confirm("¿Desea agregar el Producto al Carrito?")){ 
	alert('El Producto ha sido agregado.') }
	else { 
	return false
	}
};
</script>
<a href="carro_agregar.php?<?php echo SID ?>&cod_articulo=<?php echo $registro['cod_articulo']; ?>" onclick="if(confirmEnv() == false){return false;}"><img src="imagesite/carrito.png" width="150" height="35" title="Agregar al Pedido" border="0" /></a> 

carro_agregar.php

Código:

<?php 
$qry=mysql_query("SELECT * FROM........);
//resto del codigo php que no viene al caso...

?>
<script type="text/javascript">
top.document.location="../index.php";
</script>

Actualmente lo tengo así pero como dije antes, quisiera que no se recargara la página anterior.
¿Me pueden decir por favor como puedo solucionarlo?

Mil gracias y saludos.
Marx.

[IXtremeLT]

Lo más rápido y fácil que puedes hacer es:

Código HTML:

etc........
<a href="etc." onclick="etc...." target="frame1">etc.....</a>
<iframe name="frame1" style="display:none"></iframe>
 

Pero existen otras formas como AJAX o popups. Saludos.

[marx-pola]

Voy a probarlo a ver si me funciona pero esto lo he visto también con AJAX... ¿podrían darme un ejemplo de como hacerlo por favor?

Muchisimas gracias por la ayuda!

MArx.

[marx-pola]

Bueno, sigo probando diferentes opciones con la cuales raramente las utilizo y probé además con jquery e hice lo siguiente:

Código PHP:

 <script src="jquery-1.3.2.min.js" type="text/javascript"></script> 
 
<script> 
$(document).ready(function(){ 
    $("#cont-carrito").click(function(evento){ 
        evento.preventDefault(); 
        $("#destino").load("carro_agregar.php", {'<?php echo $registro['cod_articulo']; ?>'}, function(){ 
            alert("recibidos los datos por ajax"); 
        }); 
    }); 
}) 
</script> 
 
<script LANGUAGE="JavaScript"> 
//var agree = confirm("¿Realmente desea eliminarlo?"); 
function confirmDel(){ 
if (confirm("¿Desea agregar el Producto al Carrito?")){  
    alert('El Producto ha sido agregado.') } 
    else {  
    return false 
    } 
}; 
</script> 
 
<a href="carro_agregar.php?<?php echo SID ?>&cod_articulo=<?php echo $registro['cod_articulo']; ?>" onclick="if(confirmEnv() == false){return false;}"><img src="imagesite/carrito.png" width="150" height="35" title="Agregar al Pedido" border="0" /></a>  

carro_agrega.php

Código PHP:

  session_start(); 
$qry=mysql_query("SELECT * FROM........); 
//resto del codigo php que no viene al caso...  
   

De esta manera me envía la variable a carro_agrega.php pero me sigue reseteando la ppágina y además me tira error en el session_start(); (Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent ) cosa que antes no me lo hacía.

Sigo escuchando sugerencias a ver si puedo solucionarlo.
Gracias y saludos.
Marx.

[marx-pola]

IXtremeLT: Brother... lo probé y funciona a la perfección. Muchas gracias.

Igual quisiera seguir investigando un poco más sobre AJAX y Jquery por si alguien quiere hacer un aporte con este tema.

Saludos.

[IXtremeLT]

Hola!, mira esta bien al otra forma que pusiste(ajax), pero tienes dos errores, el primero esque preventDefault() no va detener la recarga de la página en IE solo en los demás navegadores, para ello utiliza también returnValue=false, que deberás hacer una condición como:

Código Javascript:

if(evento.preventDefault)
    evento.preventDefault();
else 
    evento.returnValue=false;
 

El segundo, te da ese error de PHP "...headers already sent" porque no debe haber ningún dato de salida antes de session_start(), ni un solo espacio.
Ejemplo:
MAL

Código PHP:

<?php
    echo 1;
    session_start();
?>
 

MAL

Código PHP:

Hola!<?php
    session_start();
?>
 

BIEN

Código PHP:

<?php
session_start();
echo "que tal!";
?>
<b>Hola!</b>
 

Ya lo demás lo tienes bien, pero de todas formas el ejemplo que puse con "<iframe>" para mí es muy cómodo, compácto, casi nada de programación y completamente funcional.
Además puedes usarlo para subir archivos sin recargar la página con ese método ya que usando Ajax lamentablemente aún no se puede lograr del todo por falta de compatibilidad entre navegadores, saludos!

[marx-pola]

Muchas Gracias IXtremeLT por tu explicación. Me sirvió y mucho.

Abrazo. MArx.