前端和後端如何讀寫 cookie?

Mondo 科技 更新 2024-03-02

你應該已經看過一些**,在第一次訪問時,它會彈出一些提示或操作說明,類似於下圖:

當我關閉此提示時,它不會再次彈出。 當我關閉瀏覽器並再次開啟它時,它不會再次彈出。 但是,如果你看截圖的右上角,你可以看到我沒有登入,那麼你是怎麼“記住”我關閉了這個提示的呢? 這實際上是通過cookie記錄的。 當我單擊 x 關閉提示時,j**ascript 將向 cookie 寫入乙個標誌。 每次我們開啟這個新頁面時,它都會確定cookie中是否有這個標記。 如果沒有這樣的標記,將彈出乙個提示。 如果有這樣的標記,它不會彈出。

Cookie 本質上是一長串由分號分隔的字元,每個字元由乙個鍵和乙個值組成,稱為 cookie。

當我們想向 cookie 新增 cookie 時,有兩種常見的方法可以新增 cookie:使用 j**ascript 或通過後端設定。

要讀取所有當前 Cookie,您可以使用 **:

document.cookie
執行效果如下圖所示:

請注意,如果要確定鍵值是否在 cookie 中,則需要執行字串匹配。 物件並非如此,它無法直接根據鍵查詢值或確定鍵是否在其中。

要編寫 cookie,我們可以使用 **:

document.cookie = 'key=value'
例如:

這裡我們使用document.cookie = 新值,它可能看起來像覆蓋了整個 cookie,但事實並非如此。 如果您新增與現有金鑰相同的金鑰,它將覆蓋原始 cookie 的值,並且不會影響其他 cookie。 如果您的新金鑰不在原始 cookie 中,它將被新增到末尾。

在後端設定 cookie 的另一種方法是以 FastAPI 為例

第一種是將 cookie 寫入瀏覽器,使用以下 **:

from fastapi import fastapi, responseapp = fastapi()

app.get('/')

def index(response: response, name: str = ''):

if not name:

name = 'kingname'

response.set_cookie('name', name)

return Hello, the value of the value of the message field in your cookies:'

return Hello, the value of the value of the message field in your cookies is are: , is a new user:'

return {'success': true, 'msg': msg

執行效果如下圖所示:

無論您使用前端還是後端方法,您都可以在 cookie 中儲存一些資訊來實現某些開關或記錄某些資訊。

相關問題答案

    前後端通訊 前端呼叫後端介面的五種方式,優缺點及場景

    位經驗豐富的前端開發和UI設計資深司機在Berg前端工坊,與大家分享。前端無法迴避的乙個話題是如何與後端交換資料 通訊 本文從最基本的通訊方法開始。前後端通訊是指前後端之間資料互動和通訊的過程。在 Web 開發中,前端通常負責呈現資料和使用者互動,而後端負責處理業務邏輯和資料儲存。為了實現前後端之間...

    後端介面未完成,前端傻傻地等待不,在mock js上,不需要依賴後端

    你好,我是Berg的前端工廠,有時候後端介面在專案中沒有完成,前端想要測試介面卻做不到,這時候mockJS派上用場,無需後端介面,介面對接即可獨立完成。mock.JS 是乙個 J Ascript 庫,用於生成隨機資料和模擬介面請求。可以幫助開發者在前端開發過程中對後端介面的返回資料進行模擬,進行介面...

    讓我們來探討一下黑馬研究前端的學生現在過得怎麼樣

    在培訓機構遍地開花的當下,黑馬學校前端的學員們現在怎麼樣了?作為學習者,選擇好的培訓機構,就是選擇一條直接通向成功的陽莞之路。黑馬學校前端的學員們現在怎麼樣了?對此沒有乙個準確的答案,畢竟每個人的情況都不一樣,希望大家最好親自去調查,避免選錯機構。選擇培訓機構的目的是為了找工作,而就業與課程和師資密...

    度假的新哲學 真正懂得休息的人會做什麼?

    隨著春節的到來,歲月的篇章也悄然更新。經過一年的辛苦勞累和勞累,每一位返鄉的農民工都渴望趁著這個假期,享受片刻的悠閒休息。然而,你真的知道如何讓自己好好休息嗎?回想起來,我發現大多數人的假期生活大概都是這樣的 出門在外,放縱自己的胃口,在繁華的城市裡徘徊 或者讓自己沉浸在家中的虛擬世界中,玩遊戲,輪...

    Web3 0 和虛擬實境正在改變前端開發的新機遇

    大家好!我是咕嚕的鐵蛋!近年來,Web和虛擬實境技術的興起引起了廣泛的關注和討論。它們不僅徹底改變了網際網絡,也給前端開發者帶來了新的機遇和挑戰。今天,鐵丹就來聊聊 web 和虛擬實境如何改變前端開發,以及它帶來了哪些新機遇。乙個web 隨著虛擬實境的引入。.web.是對網際網絡發展新階段的描述,它...