Prevent the click event from executing twice

Good morning, you can use "one" instead of ".click" in the event listener as I show you below:

$( "#foo" ).one( "click", function() {
  alert( "This will be displayed only once." );
});

For the case of the code you share, it would look something like the following:

$(".like").one("click",function(){
    var id = this.id;

        $.ajax({
            url: "megusta.php",
            type: "POST",
            data: {id:id},
            dataType: "json",
            success:function(data){
                var likes = data["likes"];
                var text = data["text"];

                $("#likes_" + id).text(likes);
                $("#" + id).html(text);
            }
        });
});

I hope you find it useful, greetings.

Well I did this and it has worked for me

<script>
$(document).ready(function(){
    $(".like").click(function(e){
        e.preventDefault();
        e.stopImmediatePropagation();
        var id = this.id;

        $.ajax({
            url: "megusta.php",
            type: "POST",
            data: {id:id},
            dataType: "json",
            success:function(data){
                var likes = data["likes"];
                var text = data["text"];

                $("#likes_" + id).text(likes);
                $("#" + id).html(text);
            }
        });
    });
});
</script>

If someone has another solution that they would like to share, I would appreciate it!