Ci sono numerosi problemi qui. Per uno, come ha detto @Mark, devi capire che quando invii richieste ajax a PHP, stai inviando stringhe. Inoltre, nel tuo JS, stai associando una funzione click a .heart.canal, ma poi la funzione cambia tutti gli elementi con quella classe piuttosto che l'effettivo elemento cliccato. Infine, una volta inviate le informazioni corrette a PHP, è necessario stampare i risultati per vederli in ajax.
Prova quanto segue:
JS:
$(document).ready(function () {
$(".heart.canal").click(function () {
var $heart = $(this);
if ($heart.data("following")) {
$heart.data("following", false)
} else {
$heart.data("following", true);
}
var usuario = $(".left").find("h4").data("id");
var seguidor = $("#user_account_info").find(".profile_ball").data("id");
$.ajax({
type: "POST",
url: "follow.php",
data: {user: usuario, follower: seguidor, follow: $heart.data("following")},
success: function (result) {
if (result) {
console.log("true");
} else {
console.log("false");
}
}
});
return false;
});
});
PHP:
$user = (int)$_POST["user"];
$seguidor = (int)$_POST["follower"];
$follow = ($_POST["follow"] === 'true') ? true : false;
if ($follow) {
// insert
} else {
// delete
}
print $follow;