JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav nav-tabs nav-stacked main-menu mainmenu_user">
    <li class="active"><a href="/settings/" data-history="/settings/" data-href="/ajax/settings.php"><span class="hidden-tablet"> Настройки</span></a>
    </li>
    <li class="active"><a href="/settings/" data-history="/settings2/" data-href="/ajax/settings2.php"><span class="hidden-tablet"> Настройки2</span></a>
    </li>
    <li class="active"><a href="/settings/" data-history="/settings3/" data-href="/ajax/settings3.php"><span class="hidden-tablet"> Настройки3</span></a>
    </li>
</ul>

JavaScript

$(document).ready(function () {
    $('.mainmenu_user li a').click(function (evt /**$.Event*/ ) {
        evt.preventDefault();

        var ajaxUrl = $(this).data("href");
        var historyUrl = $(this).data('history');

        history.pushState(null, null, historyUrl);

        $.getJSON(ajaxUrl, {}, function (json) {
            /* __ */
        });
    })
});