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,