Кеш радио кнопок jquery

Question

У меня есть этот код:

@if (isset($isModelTranslatable) && $isModelTranslatable)
<div class="language-selector">
    <div class="btn-group btn-group-sm" role="group" data-toggle="buttons">
        @foreach(config('voyager.multilingual.locales') as $lang)
            <label class="btn btn-primary{{ ($lang === config('voyager.multilingual.default')) ? " active" : "" }}">
                <input type="radio" name="i18n_selector" id="{{$lang}}" autocomplete="off"{{ ($lang === config('voyager.multilingual.default')) ? ' checked="checked"' : '' }}> {{ strtoupper($lang) }}
            </label>
        @endforeach
    </div>
</div>
@endif

Я хочу сделать. Если люди нажимают на радио кнопку, запомните это радио, а когда перезагрузите страницу, сделайте активную радио кнопку, которую он выбрал. Как я могу это сделать? Я могу сделать с кешем laravel? Или мне нужно использовать кеширование jQuery?

Answer 1

jQuery не имеет встроенного кэширования, но localStorage , как и @Pete, упомянутый в комментариях, является хорошим вариантом. Если вы хотите хранить данные в Laravel, я бы предложил использовать Eloquent модель поверх кэширования, поскольку это упрощает (на мой взгляд) сопоставление уникальных данных с конкретным посетителем сайта. (Это также предполагает, что у вас уже есть какая-то система входа в систему.)

Если вы решите пойти по маршруту Laravel, вам нужно будет отправить данные на ваш сервер, когда пользователь сделает выбор, а затем сохранить их на стороне Laravel. Исследуйте API выборки или просто создайте простую HTML-форму.

Для наиболее простого решения localStorage остается вашим лучшим выбором. Он работает на JavaScript и хранится на стороне клиента, поэтому вам не нужно беспокоиться о перекрестном загрязнении сохраненных данных или даже о сохранении данных на вашем сервере. Побеждает все вокруг! Взгляните на этот связанный ответ по сохранению входных состояний с помощью localStorage и сообщите нам, как только вы столкнетесь с конкретной проблемой.