I am trying to build a click button that increments value of the item in the database. I am using UPDATE method for this.
The problem is that whenever the update query is run, the value it takes from the databse to increment (or decrement) is zero. (0+1 = 1, 0-1 = -1)
require_once("C:/xampp/htdocs/Selfie/database/dbcontroller.php");
$db_handle = new DBController();
$image_id = $_POST["image_id"];
$active_user_id = $_POST["active_user_id"];
$query = "SELECT user_image_id from users where user_id='" . $active_user_id . "'";
$result = mysql_query($query);
$row = mysql_fetch_assoc($result);
if ($row['user_image_id'] == $image_id) {
    echo "own image";
}
else
{
    $query = "SELECT image_id from hearts where user_id='" . $active_user_id . "'";
    $result = mysql_query($query);
    if ($row = mysql_fetch_assoc($result)) {
        if ($row['image_id'] == $image_id) {
            $query = "UPDATE images SET image_hearts='image_hearts'-1 where image_id=" . $image_id;
            $result = mysql_query($query);
            $query = "DELETE FROM hearts WHERE user_id=" . $active_user_id;
            $result = mysql_query($query);
            $query = "UPDATE users SET user_like ='' where user_id=" . $active_user_id;
            $result = mysql_query($query);
            echo "just unlike";
        }
        else
        {
            $query = "DELETE FROM hearts WHERE user_id=" . $active_user_id;
            $result = mysql_query($query);
            $query = "UPDATE images SET image_hearts='image_hearts'-1 where image_id=" . $row['user_image_id'];
            $result = mysql_query($query);
            $query = "Select image_path from images where image_id=" . $image_id;
            $result = mysql_query($query);
            $row = mysql_fetch_assoc($result);
            $query = "UPDATE users SET user_like ='" . $row["image_path"] . " where user_id=" . $active_user_id;
            $result = mysql_query($query);
            $query = "UPDATE images SET image_hearts='image_hearts'+1 where image_id=" . $image_id;
            $result = mysql_query($query);
            $query = "INSERT INTO hearts (image_id , user_id) VALUES ('$image_id','$active_user_id')";
            $result = mysql_query($query);
            echo "unlike then like";
        }
    }
    else
    {
        $query = "INSERT INTO hearts (image_id , user_id) VALUES ('$image_id','$active_user_id')";
        $result = mysql_query($query);
        $query = "UPDATE images SET image_hearts='image_hearts'+1 where image_id=" . $image_id;
        $result = mysql_query($query);
        $query = "Select image_path from images where image_id=" . $image_id;
        $result = mysql_query($query);
        $row = mysql_fetch_assoc($result);
        $query = "UPDATE users SET user_like ='" . $row["image_path"] . "' where user_id=" . $active_user_id;
        $result = mysql_query($query);
        echo "image liked successfully.";
    }
}
This is my jQuery code:
function test_click(i_image_id, i_heart_id, i_active_user_id) {
    var active_user_id = i_active_user_id;
    var image_id = i_image_id;
    var heart_id = i_heart_id;
    jQuery.ajax({
        url: "../Selfie/validations/add_like.php",
        data: {
            active_user_id: active_user_id,
            image_id: image_id
        },
        type: "POST",
        success: function(data) {
            if (data == "own image")
            {
                alert('You are trying to like your own image You NARCISSIST');
            }
            else if (data == "just unlike")
            {
                $("*").removeClass("btn-heart-red animated bounce fa-heart-red");
                alert('just unlike');
            }
            else
            {
                $("*").removeClass("btn-heart-red animated bounce fa-heart-red");
                $("#" + heart_id).removeClass("animated rubberBand");
                $("#" + heart_id).toggleClass("btn-heart-red animated bounce fa-heart-red");
            }
            alert(data);
        }
    });
}
 
     
     
    