Увеличение на единицу при нажатии кнопки (при вызове Ajax)

Question

У меня есть разметка <span class="points-count">0</span>. При нажатии кнопки я бы хотел увеличить это значение на единицу в php. Как мне этого добиться?

Answer 1

Вы можете сделать это, используя jQuery, javascript et c., Если хотите только в PHP затем проверьте этот код

    <?php  

$current_value = 0;
if($_POST['count']){
    $current_value = $_POST['count'];
    $current_value++;} 
?>
<form action="" method="POST">
    <span class="points-count"><?=$current_value?></span>
    <input type="hidden" name="count" value="<?=$current_value?>">
    <button type="submit">Add</button>
</form>

Answer 2

Если вы действительно хотите сделать счетный номер, используя ajax, позвоните вот пример:

counter. php:

<?php
    $counter = $_GET['current_value'] + 1;       //value is increase here
    echo json_encode(['new_value' => $counter]); //return the value in JSON format
?>

Ваш HTML Файл:

<span class="points-count">0</span>
<button onclick="count()">Increase</button>

<script type="text/javascript">
    function count() {
        $.ajax({
            url     : "counter.php",
            type    : "GET",
            dataType: "json",
            data    : {
                current_value: $(".points-count").html() //set value here
            },
            success: function(data) {
                $(".points-count").html(data.new_value); //finally, get the returned value of the php script
            }
        });
    }
</script>

Answer 3

Вместо использования php. Вы можете использовать jquery или javascript для этого. php только для рендеринга на стороне сервера.