緩存單選按鈕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保存輸入狀態的相關答案 ，一旦遇到特定問題，請告知我們。