обновить переменные сеанса внутри Javascript

Question

У меня есть страница index.php, где у меня есть все мои функции php, javascripts и html-теги. После нажатия кнопки (добавить в корзину) я хочу вызвать функцию php (addtToCart ($ itemID)) для обновления переменных сеанса. Можете ли вы сказать мне, как реализовать это в моем коде?

<?php
session_start();
$_SESSION['Mid']=""; 
$_SESSION['$UserName']="test"; ?>

//html part
<button id='cart' 
onclick="<script>idk how to call my function here</script>"
class="w3-button">ADD TO CART</button>

 //my php function
<?php
  function addToCart($Mid){
    if(!isset($_SESSION['$UserName'])){
            header('Location:signin.html');
    }
    $_SESSION['Mid'].="+".$Mid;
    echo "<script type='text/javascript'>alert(\"ADDED TO CART\");</script>";
  }
?>

Answer 1

Используйте вызов aJax для вызова другого PHP-скрипта, который обновляет его:

        var SendInfo= {     "your": data,
                            "your1": data1 };


        $.ajax({
                type: 'POST',
                url: 'https://yourscript.com/updatesession.php',
                data: SendInfo,
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                traditional: true,
                success: function (data) {
                    //dostuff
                }
        });