जावास्क्रिप्ट कुकीज़
कुकीज़ आपको उपयोगकर्ता जानकारी को वेब पेजों में संग्रहीत करने देती हैं।
कुकीज़ क्या हैं?
कुकीज़ डेटा हैं, जो आपके कंप्यूटर पर छोटी टेक्स्ट फ़ाइलों में संग्रहीत हैं।
जब एक वेब सर्वर ने एक ब्राउज़र को एक वेब पेज भेजा है, तो कनेक्शन बंद हो जाता है, और सर्वर उपयोगकर्ता के बारे में सब कुछ भूल जाता है।
"उपयोगकर्ता के बारे में जानकारी कैसे याद रखें" समस्या को हल करने के लिए कुकीज़ का आविष्कार किया गया था:
- जब कोई उपयोगकर्ता किसी वेब पेज पर जाता है, तो उसका नाम कुकी में संग्रहीत किया जा सकता है।
- अगली बार जब उपयोगकर्ता पृष्ठ पर जाता है, तो कुकी उसका नाम "याद" रखती है।
कुकीज़ नाम-मूल्य जोड़े में सहेजी जाती हैं जैसे:
username = John Doe
जब कोई ब्राउज़र किसी सर्वर से वेब पेज का अनुरोध करता है, तो पेज से संबंधित कुकीज़ अनुरोध में जोड़ दी जाती हैं। इस तरह सर्वर को उपयोगकर्ताओं के बारे में जानकारी "याद रखने" के लिए आवश्यक डेटा मिलता है।
यदि आपके ब्राउज़र में स्थानीय कुकी समर्थन बंद है, तो नीचे दिया गया कोई भी उदाहरण काम नहीं करेगा।
जावास्क्रिप्ट के साथ एक कुकी बनाएं
document.cookie
जावास्क्रिप्ट संपत्ति के साथ कुकीज़ बना सकता है, पढ़ सकता है और हटा सकता है।
जावास्क्रिप्ट के साथ, इस तरह एक कुकी बनाई जा सकती है:
document.cookie = "username=John Doe";
आप एक समाप्ति तिथि (UTC समय में) भी जोड़ सकते हैं। डिफ़ॉल्ट रूप से, ब्राउज़र बंद होने पर कुकी हटा दी जाती है:
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";
पथ पैरामीटर के साथ, आप ब्राउज़र को बता सकते हैं कि कुकी किस पथ से संबंधित है। डिफ़ॉल्ट रूप से, कुकी वर्तमान पृष्ठ से संबंधित है।
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";
जावास्क्रिप्ट के साथ एक कुकी पढ़ें
जावास्क्रिप्ट के साथ, कुकीज़ को इस तरह पढ़ा जा सकता है:
let x = document.cookie;
document.cookieसभी कुकीज़ को एक स्ट्रिंग में वापस कर देगा जैसे: कुकी 1 = मान; कुकी 2 = मान; कुकी 3 = मान;
जावास्क्रिप्ट के साथ एक कुकी बदलें
जावास्क्रिप्ट के साथ, आप कुकी को उसी तरह बदल सकते हैं जैसे आप इसे बनाते हैं:
document.cookie = "username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";
पुरानी कुकी को अधिलेखित कर दिया गया है।
जावास्क्रिप्ट के साथ एक कुकी हटाएं
कुकी हटाना बहुत आसान है।
जब आप कोई कुकी हटाते हैं तो आपको कुकी मान निर्दिष्ट करने की आवश्यकता नहीं होती है।
बस समाप्ति पैरामीटर को पिछली तारीख पर सेट करें:
document.cookie = "username=; expires=Thu, 01
Jan 1970 00:00:00 UTC; path=/;";
यह सुनिश्चित करने के लिए कि आप सही कुकी हटाते हैं, आपको कुकी पथ परिभाषित करना चाहिए।
यदि आप पथ निर्दिष्ट नहीं करते हैं तो कुछ ब्राउज़र आपको कुकी को हटाने नहीं देंगे।
कुकी स्ट्रिंग
संपत्ति एक सामान्य पाठ स्ट्रिंग की document.cookieतरह दिखती है। लेकिन यह नहीं है।
यहां तक कि अगर आप document.cookie पर पूरी कुकी स्ट्रिंग लिखते हैं, तो जब आप इसे दोबारा पढ़ते हैं, तो आप केवल इसका नाम-मान युग्म देख सकते हैं।
यदि आप एक नई कुकी सेट करते हैं, तो पुरानी कुकी को अधिलेखित नहीं किया जाता है। नई कुकी को document.cookie में जोड़ा जाता है, इसलिए यदि आप फिर से document.cookie पढ़ते हैं तो आपको कुछ ऐसा मिलेगा:
कुकी 1 = मान; कुकी 2 = मान;
यदि आप एक निर्दिष्ट कुकी का मान खोजना चाहते हैं, तो आपको एक जावास्क्रिप्ट फ़ंक्शन लिखना होगा जो कुकी स्ट्रिंग में कुकी मान की खोज करता है।
जावास्क्रिप्ट कुकी उदाहरण
अनुसरण करने के उदाहरण में, हम एक कुकी बनाएंगे जो एक आगंतुक का नाम संग्रहीत करती है।
पहली बार जब कोई आगंतुक वेब पेज पर आता है, तो उसे अपना नाम भरने के लिए कहा जाएगा। नाम तब एक कुकी में संग्रहीत किया जाता है।
अगली बार जब आगंतुक उसी पृष्ठ पर आएगा, तो उसे एक स्वागत संदेश प्राप्त होगा।
उदाहरण के लिए हम 3 जावास्क्रिप्ट फ़ंक्शन बनाएंगे:
- कुकी मान सेट करने के लिए एक फ़ंक्शन
- कुकी मान प्राप्त करने के लिए एक फ़ंक्शन
- कुकी मान की जांच करने के लिए एक फ़ंक्शन
कुकी सेट करने का एक फंक्शन
सबसे पहले, हम एक बनाते हैं functionजो कुकी वेरिएबल में विज़िटर का नाम संग्रहीत करता है:
उदाहरण
function setCookie(cname, cvalue, exdays) {
const d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
let expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
उदाहरण समझाया:
उपरोक्त फ़ंक्शन के पैरामीटर कुकी का नाम (cname), कुकी का मान (cvalue), और कुकी के समाप्त होने तक दिनों की संख्या (exdays) हैं।
फ़ंक्शन कुकी नाम, कुकी मान और एक्सपायर स्ट्रिंग को एक साथ जोड़कर कुकी सेट करता है।
कुकी प्राप्त करने का एक कार्य
फिर, हम एक बनाते हैं functionजो एक निर्दिष्ट कुकी का मान लौटाता है:
उदाहरण
function getCookie(cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for(let i = 0; i <ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
समारोह समझाया:
कुकीनाम को पैरामीटर (cname) के रूप में लें।
(cname + "=") खोजने के लिए टेक्स्ट के साथ एक वेरिएबल (नाम) बनाएं।
कुकी स्ट्रिंग को डिकोड करें, विशेष वर्णों वाली कुकी को संभालने के लिए, जैसे '$'
दस्तावेज़ को विभाजित करें। अर्धविराम पर ca नामक एक सरणी में कुकी (ca = decodedCookie.split(';'))।
सीए सरणी के माध्यम से लूप (i = 0; i < ca.length; i++), और प्रत्येक मान c = ca[i] पढ़ें)।
यदि कुकी मिलती है (c.indexOf(name) == 0), तो कुकी का मान लौटाएं (c.substring(name.length, c.length)।
यदि कुकी नहीं मिली है, तो "" लौटाएं।
एक कुकी की जाँच करने के लिए एक समारोह
अंत में, हम एक फ़ंक्शन बनाते हैं जो जांचता है कि कोई कुकी सेट है या नहीं।
यदि कुकी सेट है तो यह एक ग्रीटिंग प्रदर्शित करेगी।
यदि कुकी सेट नहीं है, तो यह एक प्रॉम्प्ट बॉक्स प्रदर्शित करेगी, जिसमें उपयोगकर्ता का नाम पूछा जाएगा, और उपयोगकर्ता नाम कुकी को 365 दिनों के लिए संग्रहीत किया जाएगा, setCookieफ़ंक्शन को कॉल करके:
उदाहरण
function checkCookie() {
let
username = getCookie("username");
if (username != "") {
alert("Welcome again " + username);
} else {
username = prompt("Please enter your name:", "");
if (username != ""
&& username != null) {
setCookie("username", username, 365);
}
}
}
अब सब एक साथ हैं
उदाहरण
function setCookie(cname, cvalue, exdays) {
const d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
let expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue +
";" + expires + ";path=/";
}
function getCookie(cname) {
let name = cname + "=";
let ca
= document.cookie.split(';');
for(let i = 0; i < ca.length; i++)
{
let c = ca[i];
while (c.charAt(0) == '
') {
c = c.substring(1);
}
if (c.indexOf(name)
== 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function
checkCookie() {
let user = getCookie("username");
if (user != "")
{
alert("Welcome again " + user);
} else {
user = prompt("Please enter your name:", "");
if (user != "" &&
user != null) {
setCookie("username", user, 365);
}
}
}
checkCookie()जब पृष्ठ लोड होता है तो ऊपर दिया गया उदाहरण फ़ंक्शन चलाता है ।