So setzen Sie Cookies im Frontend

Dieses Mal zeige ich Ihnen, wie Sie Cookies im Frontend setzen und welche Vorsichtsmaßnahmen beim Setzen von Cookies im Frontend gelten. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Cookie

Was es ist: Es ist ein Mittel zum Speichern von Informationen auf der Festplatte des Kunden.

Warum es verwenden? : Kann zum Speichern einiger Informationen und zum Erzielen einiger Spezialeffekte verwendet werden. Sie können beispielsweise die Anmeldung für eine bestimmte Anzahl von Tagen vermeiden oder einige kleine Daten speichern.

Die Bedeutung einiger Felder in Cookies:

1. key=value (key=value) ist ein Schlüssel-Wert-Paar von Cookies, das normalerweise basierend auf erhalten wird key Der entsprechende Wert

2. expires (expiration time) legt die Ablaufzeit des Cookies fest, ebenfalls getrennt durch „;“, Expires=GMT-Zeitstring, Zum Beispiel Wenn Sie sich 30 Tage lang nicht anmelden möchten, können Sie das Ablaufdatum auf ein Datum in 30 Tagen ab heute festlegen. Wenn die Ablaufzeit nicht festgelegt ist, schließt der Browser das Cookie und verschwindet standardmäßig.

3. Pfad-Cookies sind nicht überall erhältlich. Die Website ist in viele Verzeichnisse unterteilt, sodass Sie den Pfad des Cookies festlegen können. Dies ist sicherer und verhindert, dass ein Verzeichnis auf das Cookie zugreift. Übergeben Sie path=/E:javascript/test, damit das Cookie nur in diesem Verzeichnis abgerufen werden kann

4. Domäne (Domäne) Standardmäßig befindet sich das Cookie dort, wo die Auf das Cookie kann nur unter dem Domänennamen zugegriffen werden, aber manchmal muss a.chaijinsong.com auf das Cookie unter b.chaijinsong.com zugreifen. In diesem Fall muss domain=chaijinsong.com festgelegt werden. Auf diese Weise können beide Subdomains auf das Cookie zugreifen

5. secure (security) Der Standardwert für secure ist false und wird über das http-Protokoll übertragen. Wenn secure = true ist, kann nur tTransfer erfolgen über https

Wie benutzt man? :

document.cookie; //获取cookie
"aaa=aaa;bbb=bbb" //类似于这种格式，但是并不是字符串。
//设置cookie,也可以用来进行删除cookie，即将过期时间设置为过去的时间，最后一个参数可以传负数来实现
function setCookie(cname,cvalue,exdays){
  var d = new Date();
  d.setTime(d.getTime()+(exdays*24*60*60*1000));
  var expires = "expires="+d.toGMTString();
  document.cookie = cname + "=" + cvalue + "; " + expires;
}
setCookie('cjs','cjs',30); //设置 name为cjs，value为cjs的一个cookie，并且时间为30天。
setCookie('cjs','cjs',-1); //让该cookie过期,然后在document.cookie中就没有cjs=cjs这个cookie了。但是其他key=value还存在
//获取某个key的cookie
function getCookie(key){
    let arr1 = document.cookie.split(';');
    for(let i=0;i<arr1.length;i++){
        let arr2 = arr1[i].split('=');
        if(key.trim() === arr2[0].trim()){
            return (arr2[1]);
        }
    }
    return "";
}
getCookie('cjs'); //因为上面已经将cjs这个cookie干掉了，所以这里得到为 ""

Hinweis: Es ist nicht erlaubt, Cookies beim Öffnen lokaler HTML-Dateien im Google-Browser direkt Werte zuzuweisen, Firefox kann dies jedoch. Wenn Sie also testen möchten, öffnen Sie zunächst den Server lokal und verwenden Sie dann die lokale IP, um auf die Datei zuzugreifen. Führen Sie Cookie-Vorgänge durch.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website Andere verwandte Artikel!

Empfohlene Lektüre:

Verwendung von CSS zur Realisierung von Tischtennis-Kampfanimationen

Verwendung von CSS zur Realisierung von Tischtennis-Kampfanimationen

Das obige ist der detaillierte Inhalt vonSo setzen Sie Cookies im Frontend. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!