I have a like button that contains an ID pulled from a database. My goal is to click the like button, update the database, and then switch it to unlike without having to reload the page.
Below is the code for clarity:
**index.php: **
<script type="text/javascript">
// Like Button Function
$(document).ready(function(){
$(".likeBtn").on("click", function(){
var threadID = $(this).attr("id");
console.log(threadID);
$.ajax({
type: "POST",
url: "like_function.php",
data: threadID,
success:function(html)
{
}
});
});
});
</script>
<form action='javascript:void(0);' method='POST' enctype='multipart/form-data'>
<input type='submit' name='likeBtn' class='likeBtn' id='52' value='Like'>
</form>
The variable threadID fetches an ID from the database (I used 52 as an example). My objective is to execute a php script (like_function.php) to update the database using the stored ID. Finally, I want the button text to change to 'Unlike'. Apologies for my lack of experience in Ajax.