<div class="result" style="font-size: 12px; width: 100px; height: 100px;">
    product price <span class="product_price">49</span><br/>
    product price <span class="total">50</span>
</div>

<button class="btn btn-succes plus">CLICK ME</button>

<script>
    $(document).ready(function(){ // if document is loaded
        $(".plus").click(function(){ // <div class="plus"> все что произойдет после клика на этот блок
            // $.post() - jQuery функция которая отправляет AJAX запрос на сервер
            // первый параметр  - адрес
            // Второй параметр массив  {"id": "49", "type": "plus"} на сервере можно обратиться как $_POST['id'] == 49
            // Трений параметр функция которая принимает в себя переменную data - из сервера
            $.post('http://release.local/ajax', {"id": "49", "type": "plus"}, function(data){
                console.log(data); // Показывает в коносоли что пришло в data ( var_dump() )
                // Например в переменной data пришел массив  {'product_total': 5900, 'total': 8000}
                var dataTotal = JSON.parse(data);
                $('.product_price').html(dataTotal.product_total);
                $('.total').html(dataTotal.total);

            });
        });
    });
</script>

<?php
    if($_POST['type'] == 'plus')
    {
        $total = ['product_total' => $_POST['id']+1, 'total' => $_POST['id']+10];
    }
    else
    {
        $total = ['product_total' => $_POST['id']-1, 'total' => $_POST['id']-10];
    }
    echo json_encode($total);
    exit(1);
?>