Estoy intentando hacer un UPDATE en Mysqli a través de PDO dándole a un botón en HTML creado con PHP. Para ello, el botón activa una función de JavaScript que envía el parámetro que necesito al archivo PHP que se encarga de realizar esto. Sé que el archivo PHP funciona correctamente porque he probado meterle el ID desde el html con un formulario y sin pasar por JS y se ejecuta sin problema y me cambia el registro en la base de datos. También sé que la función es llamada correctamente ya que al hacer click sobre el elemento puedo ver en Network que el id que recibe es el correcto y además me saca los alert y console.logs que le incluyo dentro de la función y antes de llamar a Ajax. Con un alert también he comprobado que el parámetro entra bien. Pero por algún motivo, mi Ajax nunca se ejecuta. He comprobado mil veces el nombre y el directorio del archivo php y son correctos. Además, el Ajax está copiado de otro que sí que funciona cambiandole simplemente la url a la que dirige y la data que tiene que mandar.
Mi main.js:
function marcarLeido(isbn) {
var url = 'marcarleido.php';
$.ajax({
url: url,
method: "POST",
data: {
isbn
},
success: function (response) {
console.log("JS ok");
alert('boton click');
}
});
}
Por si acaso, mi marcarleido.php:
<?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>
Y por si acaso también, el html index.php (aunque parece que llama correctamente)
<?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);
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>";
}
desconectar($conex);
?>
http://localhost/proyecto/listado.php