Вызов Ajax $ _POST для PHP $ _SESSION возвращает устаревшую информацию

Я не понимаю, что здесь происходит. У меня есть три страницы.

• Home.php
• Nearmiss.php
• Reports.php

Каждая из этих страниц имеет следующий код вверху со своей собственной переменной thispage, определенной для этой страницы.

<?php
    // home.php
    if ( session_status() == PHP_SESSION_NONE ) {
      session_start();
    }
    $_SESSION['thispage'] = 'Home';
    echo('<div id = "thispage" hidden>' . $_SESSION['thispage'] . '</div>')
?>

Когда я открываю каждую страницу и проверяю источник, я вижу именно то, что я должен видеть, поскольку скрытый div содержит правильное имя страницы. Однако в моем приложении есть функция, которую я пытаюсь использовать для отслеживания $ _SESSION в javascript в целях тестирования. Я выполняю ajax-вызов logsession.php (см. Ниже).

<?php
    // logsession.php
    if ($_SERVER['REQUEST_METHOD'] === 'POST') {
        if ( session_status() == PHP_SESSION_NONE ) {
          session_start();
        }
        echo( json_encode( $_SESSION ) );
    }
?>

Моя функция javascript написана так, и она просто отправляет сообщение в logsession.php и записывает результаты в консоль.

let app = (function() {
    var session = function() {
        $.ajax({
            type: "post",
            url: "includes/logsession.php",
            dataType: "json"
        }).then( function( data ) {
            console.info( data );
        });
    }
    return {
        session : session
    }
}());

Можно вызвать с консоли с помощью app.session();

Я ожидал, что два из них будут синхронизированы, когда я щелкаю между страницами, но когда я регистрирую сеанс на консоли, когда я щелкаю между моей навигацией, они не совпадают, а вызов ajax часто отстает на один щелчок от страницы, на самом деле я на. Так, например, я перейду с «Home.php» на «Reports.php» и получу нулевое значение (как будто $ _SESSION еще не задано) или {thispage: «Home» } когда ясно, что я только что перешел к Reports.php.

Моя навигация выполняется с помощью начальной загрузки.

<!-- Navbar Left -->
<div id = "navbar" class = "navbar-collapse collapse">
   <ul class = "nav navbar-nav">
      <li id = "lnkHome"><a href = "#">Home</a></li>
      <li id = "lnkNearmiss"><a href = "#">Nearmiss</a></li>
      <li id = "lnkReports"><a href = "#">Reports</a></li>
   </ul>
</div>

Моя панель навигации настроена таким образом, что стили применяются автоматически при нажатии с использованием некоторого javascript в функции обновления, которая просто добавляет и удаляет "активный" класс с некоторыми стилями. Внутри я звоню на свою сессию.

let refresh = (function() {
    var navbar = function( element ) {
        $('#navbar ul li').removeClass('active');
        $(element).addClass('active');
        app.session();
    }
return {
        navbar : navbar
    }
}());

События щелчка, которые связывают мои ссылки с функцией refresh.navbar();, выглядят следующим образом.

$(document).on('click', '#lnkHome', function() {
    if ( $('#thispage').html() != 'Home' ) {
        // note, references the content of the hidden divs
        refresh.navbar( this );
    }
});

Когда я нажимаю на свои ссылки, это то, что я вижу. Начиная с Home.php, я последовательно через каждые несколько секунд переходил на Nearmiss.php, а затем на Reports.php, и вы можете видеть, что иногда все в порядке, а затем нет, что вы можете увидеть на последних двух щелчках.

• Граф 20 на самом деле был на Nearmiss.php
• Граф 21 был на самом деле на Reports.php

Отметки времени включены.

Зачем Ajax когда-либо возвращал старую информацию?

Среда - Локальный веб-сервер в моей локальной сети, задержка отсутствует. - Наезд на веб-сервер по IP-адресу (без сумасшедшей маршрутизации DNS / прокси) - Bootstrap 3.3.7 - jQuery 3.1.1 - PHP 7.1