Skip to main content
Más información agregada
Origen Enlace
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,

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, y además un parámetro 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,

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,

se eliminó 1 carácter en el cuerpo; cuerpo editado
Origen Enlace
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 queel 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"'id')},
            url: 'pagina-lenta.php',
            dataType: 'html',
            success: function (data) {
                $('.destino').html(data);
            }
        });
    });
});

Como ves, he añadido la detención del evento, y además un parámetro 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,

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 que 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, y además un parámetro 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,

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, y además un parámetro 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,

Origen Enlace
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 que 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, y además un parámetro 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,