A través de un foreach:
foreach ($conexion->query($cefpp) as $row) {
$id = $row['id'];
$dato = $row['dato'];
echo "<a href='plantilla.php?id=".$id."' class="dato" id="dato" data-valor='".$dato."'>";
}
Muestro varios enlaces y paso un valor que varia según el enlace.
Quiero que a través de ajax y usando jquery ese dato se muestre en otra parte de la página donde tengo un div, que es donde se debe cargar:
<div id="dato" class="dato"></div>
$(document).ready(function() {
$("body").on("click", "a", function(event) {
event.preventDefault();
$.ajax({
url: $(this).attr("href").valueOf()
})
.done(function(data) {
if (data) {
if ($(this).attr("id").valueOf() == "dato") {
var dato = $(this).attr("data-valor").valueOf();
$(".dato").html(dato);
}
else {
alert("Data no tiene valor");
}
})
.fail(function(jqXHR, textStatus, errorThrown) {
if(jqXHR.status === 0) {
alert('Not connect: Verify Network.');
} else if(jqXHR.status == 404) {
alert('Requested page not found [404]');
} else if(jqXHR.status == 500) {
alert('Internal Server Error [500].');
} else if(textStatus === 'parsererror') {
alert('Requested JSON parse failed.');
} else if(textStatus === 'timeout') {
alert('Time out error.');
} else if(textStatus === 'abort') {
alert('Ajax request aborted.');
} else {
alert('Uncaught Error: ' + jqXHR.responseText);
}
})
.always(function(result) {
});
});
});
El error que me devuelve la consola de Firefox es:
TypeError: $(...).attr(...) is undefined
var dato = $(this).attr("data-valor").valueOf();
Si en vez this pongo -->
var enlace= "." + $(this,"a").prop("class");
var dato = $(enlace).attr("data-valor").valueOf();
Aparentemente funciona, pero en realidad muestra el primer resultado del foreach.
¿Porque pasa esto? ¿Que estoy haciendo mal?
echo "<a href='plantilla.php?id=".$id."' data-valor='".$dato."'>";
en estos enlaces no hay ningun atributo id. entonces$(this).attr("id").valueOf() == "dato"
esta comprovación no te funcionará. Te lo encontrará si utilizasecho "<a href='plantilla.php?id=".$id."' id='dato' data-valor='".$dato."'>";
id
tiene que ser unico.$id
que le da php o si utilizaclass="dato"
, comprovarlo como `if($(this).hasClass('dato'))'class="dato" id="dato"
pero en el código si que lo tengo puesto y el resultado es el que os indico.