Блог

Когда пользователь входит в систему, имя пользователя отображается на {{имя}} в заголовке.усы. Тем не менее, если вы попытаетесь получить доступ к имени пользователя с помощью JS, появится значение null. Идентификатор пользователя: $(‘#идентификатор пользователя’). text() -> Значение Null. Это почему?

заголовок.усы

 <div class="navbar-collapse collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4">
                {{#userName}}
                <li class="nav-item">
                    <span class="nav-link active" id="user" aria-current="page" id="user_id">{{name}}</span>

                </li>
                <li class="nav-item">
                    <a href="/logout" class="nav-link active" role="button">Logout</a>
                </li>
                {{/userName}}
                {{^userName}}
                <li class="nav-item">
                    <a href="/oauth2/authorization/google" class="nav-link active" aria-current="page" >Login</a>
                </li>
                {{/userName}}
                <li class="nav-item">
                    <a href="/perfume/save" class="nav-link active" aria-current="page">register</a>
                </li>
            </ul>
        </div>
 

index.js

сохранить: функция () {

     let data = {
        userId: $('#user_id').text(),
        perfumeName: $('#favorite_perfume').val(),
        image: $('#unfavorable_perfume').val()
    };
    $.ajax({

        type: 'POST',
        url: '/api/v1/pre',
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(data)
    }).done(function () {
        alert('Pass');
        window.location.href = '/';
    }).fail(function (error) {
        alert(JSON.stringify(error));
    });

}
 

Это моя ошибка.

Я вставил два идентификатора в span.

до и после