Код ниже полностью рабочий но как он работает?

Question

[Jun ior]

Вот код и кому не лень пожалуйста объясните как он работает с комментариями в коде ( Код обсолютно рабочий, но я бы хотел понять как он работает )
Index.php :

<div id="like-id"></div>
<button onclick="like(5)">Лайк</button><br>
                    <button onclick="like(45)">Лайк</button><br>
                    <button onclick="like(78)">Лайк</button><br>
                    <button onclick="like(2)">Лайк</button><br>
                    <button onclick="like(3813)">Лайк</button><br>
                </div>

general.php :

<?php
if(isset($_POST['id'])){
    $like_id = $_POST['id'];
    
    echo $like_id;
}
?>

general.js :

function like(id){
    $.ajax({
        url:'assets/includes/functions/php/general.php',
        type:'POST',
        dataType:'html',
        data:{
            'id':id
        },
        success:function(ids){
            id = $.parseJSON(ids);
            $('#like-id').html('Id of like: ' + id);
        }
    });
}

Comments

[Максим Федоров]

1. при клике на кнопку срабатывает функция JS, в которую вы передаете значение из скобок
   
2. вызывает через аякс скрипт и предается туда этот ID
   
3. скрипт на сервере печатает этот id и возвращает в ваш JS скрипт
   
4. JS скрипт вставляет в нужный блок полученное с сервера число
   

[DTX]

Максим Федоров,

[Максим Федоров]

DTX, :)

Answer 1

[Сергей]

Код ничего полезного не делает.
На каждую кнопку вешается (привет из прошлого) вызов javascript функции like с передачей целого числа как id и вызывается функция, например, like(45). Отправляется ajax post-запрос на адрес в url. В теле запроса уйдет id=45. Придет на сервер в суперглобальный массив $_POST, сервер просто выводит 45 в stdout. Данные прилетают обратно, вызывается callback success которая в DOM-элемент с id='like-id' выведет 'Id of like:' 45.