Skip to main content
3 de 3
Más información agregada
jonilgz
  • 688
  • 4
  • 15

Tienes varios errores, te corrijo el código y te explico:

Lo primero el HTML, que tienes un error de sintaxis ya que cierras la etiqueta antes de añadir la clase, además no seleccionas el parámetro que enviamos por Ajax, yo te recomiendo agregar un parámetro data-id, que debes rellenar con la ID (PHP):

<a href="#" data-id="<?=$fila['id'];?>" class="enlaceajax">Enlace</a>
<div class="destino"></div>

Lo siguente, el JS. No recoges ni pasas el valor, además debes hacer un preventDefault() del evento, para que no se ejecute el enlace:

$(document).ready(function(){
    $('.enlaceajax').click(function(e){
        e.preventDefault();
        $.ajax({
            type: 'GET',
            data: {'id' : $(this).data('id')},
            url: 'pagina-lenta.php',
            dataType: 'html',
            success: function (data) {
                $('.destino').html(data);
            }
        });
    });
});

Como ves, he añadido la detención del evento a la función click function(e) asignando un parámetro a la función (personalmente suelo usar una e) que será la que recoja el evento y lo pase a la función, y además un parámetro a la función ajax que es data, que recoge y envía los datos que nos interesa.

El PHP que muestras para probar es correcto, por lo que funcionará sin modificarlo.

Saludos,

jonilgz
  • 688
  • 4
  • 15