Actualización 2: He metido un formulario para acceder directamente a PHP y ver si lo que falla es ese archivo o el JS y efectivamente desde el formulario se hace el UPDATE correctamente. El fallo debería estar en el JS y el Ajax supongo. Por la consola sé que el parámetro que entra en JS es el correcto.
Actualización: He rediseñado el código para que la función llame a JavaScript y esta mande los datos a PHP con Ajax como me ha indicado un usuario, pero sigue sin realizar el UPDATE.
Php donde se genera el Html que llama a la función:
foreach($libros as $libro){
echo "<div class='column'>";
echo "<div class='card card-equal-height'>";
echo "<div class='card-image form_photo'>";
echo "<figure class='image is-4by3'>";
echo "<img src='".$libro['imagen']."'>";
echo "</figure>";
echo "</div>";
echo "<div class='card-content'>";
echo "<p class='title is-5 has-text-centered'>". $libro['titulo'] ."</p>";
echo "<p class='subtitle is-6 has-text-centered'>". $libro['autor']."</p>";
echo "</div>";
echo "<div class='card-footer level-item'>";
echo "<a href='' onclick='marcarLeido(".$libro['isbn'].")'><p class='card-footer-item'>";
echo "<i class='fas fa-bookmark'></i>";
echo "<span> Leído</a></span></p></a>";
echo "<a href=''><p class='card-footer-item'>";
echo "<i class='fas fa-paper-plane'></i>";
echo "<span> Enviar</a></span></p>";
echo "</div></div></div>";
}
Mi archivo .js:
function marcarLeido(isbn) {
var url = 'marcarLeido.php';
$.ajax({
url: url,
method: "POST",
data: {
isbn
},
success: function (response) {
console.log("JS ok");
}
});
}
Php que recibe el POST y realiza el update:
<?php session_start(); ?> <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <?php
if (isset($_POST['isbn']) ) {
include("funcionesPDO.php");
$isbn = $_POST['isbn'];
$conex = conectar();
$stmt = $conex->prepare("UPDATE books SET leido = 1 WHERE isbn = :id AND id_usuario = :par");
$stmt->bindValue(':par', $_SESSION['usuario_id']);
$stmt->bindValue(':id', $isbn);
$stmt->execute();
desconectar($conex);
} ?> </p> <!-- Scripts--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"
></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"
></script> <script src="_javascript/main.js"></script> </body> </html>
Tengo una lista de libros que muestro en el HTML como tarjetas con sus datos más un botón. Quiero que al darle a ese botón cambie el valor de un campo en la base de datos, por lo que le paso a la función el id del libro en concreto. Sin embargo, aunque la conexión es correcta ya que el SELECT funciona y me aparecen los datos que quiero, no se llega a hacer el UPDATE. Lo único que he conseguido sacar en la consola es que cuando hago click al botón se le mete el id del primer libro aunque le de al cuarto, y si le doy de nuevo al cuarto se le mete el id del segundo y así sucesivamente. Pero aún así, no cambia el campo "leido" de esos libros.
Aquí mi php (conecto con PDO):
<?php
include("funcionesPDO.php");
$conex = conectar();
$stmt = $conex->prepare("SELECT * FROM books WHERE leido = 0 AND id_usuario = :is");
$stmt->bindValue(':is', $_SESSION['usuario_id']);
$stmt->execute();
$libros = $stmt->fetchAll(PDO::FETCH_ASSOC);
function marcarLeido($idParam){
$stmt = $conex->prepare("UPDATE books SET leido = 1 WHERE id = :id AND id_usuario = :par");
$stmt->bindValue(':par', $_SESSION['usuario_id']);
$stmt->bindValue(':id', $idParam);
$stmt->execute();
}
foreach($libros as $libro){
echo "<div class='column'>";
echo "<div class='card card-equal-height'>";
echo "<div class='card-image form_photo'>";
echo "<figure class='image is-4by3'>";
echo "<img src='".$libro['imagen']."'>";
echo "</figure>";
echo "</div>";
echo "<div class='card-content'>";
echo "<p class='title is-5 has-text-centered'>". $libro['titulo'] ."</p>";
echo "<p class='subtitle is-6 has-text-centered'>". $libro['autor']."</p>";
echo "</div>";
echo "<div class='card-footer level-item'>";
echo "<a href='' onclick='marcarLeido(".$libro['id'].")'><p class='card-footer-item'>";
echo "<i class='fas fa-bookmark'></i>";
echo "<span> Leído</a></span></p></a>";
echo "<a href=''><p class='card-footer-item'>";
echo "<i class='fas fa-paper-plane'></i>";
echo "<span> Enviar</a></span></p>";
echo "</div></div></div>";
}
desconectar($conex);
?>
data: { isbn }
y se deben enviar pares de "clave" => "valor", entonces; actualmente solo estás enviando el valor. Intenta con:data: { isbn: isbn }
, donde la primera parteisbn:
es la clave.marcarLeido.php
con L mayúscula? ¿Está en la misma carpeta donde listas los libros?