JavaScript ਕੂਕੀਜ਼

ਕੂਕੀ ਵੈੱਬਸਾਈਟ ਵਿੱਚ ਯੂਜ਼ਰ ਜਾਣਕਾਰੀ ਸਟੋਰ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

ਕੂਕੀ ਕੀ ਹੈ?

ਕੂਕੀਜ਼ ਤੁਹਾਡੇ ਕੰਪਿਊਟਰ ਉੱਤੇ ਛੋਟੇ ਟੈਕਸਟ ਫਾਈਲਾਂ ਵਿੱਚ ਸਟੋਰ ਕੀਤੇ ਜਾਂਦੇ ਹਨ。

ਜਦੋਂ ਵੈੱਬ ਸਰਵਰ ਵੈੱਬਸਾਈਟ ਭੇਜ ਦਿੰਦਾ ਹੈ, ਤਾਂ ਕੁਨੈਕਸ਼ਨ ਬੰਦ ਹੋ ਜਾਂਦਾ ਹੈ ਅਤੇ ਸਰਵਰ ਯੂਜ਼ਰ ਦੀ ਸਾਰੀ ਜਾਣਕਾਰੀ ਭੁਲ ਜਾਂਦਾ ਹੈ。

ਕੂਕੀਜ਼ ਇਸ ਲਈ ਪੈਦਾ ਕੀਤੇ ਗਏ ਹਨ ਕਿ ‘ਯੂਜ਼ਰ ਦੀ ਜਾਣਕਾਰੀ ਕਿਵੇਂ ਯਾਦ ਰੱਖਣੀ ਹੈ’

  • ਜਦੋਂ ਯੂਜ਼ਰ ਵੈੱਬਸਾਈਟ ਦੇਖਦਾ ਹੈ, ਤਾਂ ਉਸ ਦਾ ਨਾਮ ਕੂਕੀਜ਼ ਵਿੱਚ ਸਟੋਰ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。
  • ਜਦੋਂ ਯੂਜ਼ਰ ਪੰਨੇ ਨੂੰ ਦੋਹਰੀ ਵਾਰ ਦੇਖਦਾ ਹੈ, ਤਾਂ ਕੂਕੀਜ਼ ਉਸ ਦਾ ਨਾਮ ਯਾਦ ਰੱਖਦੇ ਹਨ。

ਕੂਕੀਜ਼ ਨਾਮ-ਮੁੱਲ ਪਾਰੀ ਵਿੱਚ ਸਟੋਰ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਜਿਵੇਂ ਕਿ:

username = Bill Gates

ਜਦੋਂ ਬਰਾਉਜ਼ਰ ਸਰਵਰ ਨੂੰ ਇੱਕ ਵੈੱਬਸਾਈਟ ਚਾਹੁੰਦਾ ਹੈ, ਤਾਂ ਉਸ ਪੰਨੇ ਦੇ ਕੂਕੀਜ਼ ਉਸ ਸੋਧ ਵਿੱਚ ਜੋੜੇ ਜਾਂਦੇ ਹਨ। ਇਸ ਤਰ੍ਹਾਂ ਸਰਵਰ ਨੂੰ ਜ਼ਰੂਰੀ ਅੰਕੜੇ ਮਿਲਦੇ ਹਨ ਤਾਂ ਉਹ ਯੂਜ਼ਰ ਦੀ ਜਾਣਕਾਰੀ ਯਾਦ ਰੱਖ ਸਕਦਾ ਹੈ。

ਜੇਕਰ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਸਥਾਨਕ ਕੂਕੀਜ਼ ਸਮਰਥਨ ਬੰਦ ਹੋਇਆ ਹੈ ਤਾਂ ਇਹ ਸਾਰੇ ਉਦਾਹਰਣ ਕੰਮ ਨਹੀਂ ਕਰਦੇ。

ਜਾਵਾਸਕ੍ਰਿਪਟ ਰਾਹੀਂ ਕੂਕੀਜ਼ ਬਣਾਉਣ

ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਇਸ ਤਰ੍ਹਾਂ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ: دوکومن کوکی ਪੈਰਾਮੀਟਰ ਬਣਾਉਣ, ਪੜ੍ਹਨ, ਹਟਾਉਣ ਕੂਕੀਜ਼。

ਜਾਵਾਸਕ੍ਰਿਪਟ ਰਾਹੀਂ, ਇਸ ਤਰ੍ਹਾਂ ਕੂਕੀਜ਼ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ:

document.cookie = "username=Bill Gates";

ਤੁਸੀਂ ਵੀ ਮਿਲਾਇਆ ਹੋਇਆ ਮਿਤੀ (UTC ਟਾਈਮ) ਜੋੜ ਸਕਦੇ ਹੋ। ਮੂਲ ਰੂਪ ਵਿੱਚ, ਬਰਾਉਜ਼ਰ ਬੰਦ ਹੋਣ ਉੱਤੇ ਕੂਕੀਜ਼ ਹਟਾਉਣ ਜਾਂਦੇ ਹਨ:

دوکومن کوکی = "username=Bill Gates; expires=Sun, 31 Dec 2017 12:00:00 UTC";

ذریعہ پتھ پارامتر، آپ کو باتعین کرسکتے ہیں کہ کوکی کا راستہ کیا ہے۔ فراجائز طور پر، کوکی کا راستہ موجودہ پیج ہوتا ہے。

دوکومن کوکی = "username=Bill Gates; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/";

آپ کو کوکی کو JavaScript کے ذریعے پڑھنا

آپ کو کوکی کو جیسا کہ آپ کو کوکی پڑھتے ہیں، JavaScript کے ذریعے پڑھ سکتے ہیں:

وار x = دوکومن کوکی;

دوکومن کوکی تمام کوکیز کو ایک سٹرنگ میں واپس لایا جائیگا، جیسا کہ: cookie1=value; cookie2=value; cookie3=value;

کوکی کو JavaScript کے ذریعے تبدیل کرنا

آپ کو کوکی کو جیسا کہ آپ کوکی بناتے ہیں، تبدیل بھی کرسکتے ہیں، جیسا کہ:

دوکومن کوکی = "username=Steve Jobs; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/";

پچھلے کوکی کو جایگزین کردا ہے。

کوکی کو JavaScript کے ذریعے مٹا دینا

کوکی کو مٹا دینا بہت آسان ہے。

کوکی کو مٹا دینے کے لیے کوکی کا مقدار مخصوص نہیں کرنا پڑتا:

پائیدار طور پر expires پارامتر کو ماضی کی تاریخ پر سٹ کریجئے:

دوکومن کوکی = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

آپ کو کوکی کا راستہ تعین کرنا چاہئیے تاکہ صحیح کوکی کو مٹا جائے。

اگر آپ نے راستہ کی تعین نہیں کی تو کچھ براوزرز کوکی کو کچھ نہیں مٹا دیتے ہیں。

کوکی سٹرنگ

دوکومن کوکی پیرا میٹرز کا اظہار ایک عادی لکھتا سٹرنگ کی طرح لگتا ہے، لیکن وہ نہیں ہیں。

اگر آپ نے دوکومن کوکی پورا کوکی سٹرنگ لکھیجئے، جب دوبارہ پڑھتے ہیں تو صرف اس کا نام-مقدار جوائنٹ دیکھیں گے。

اگر نئی کوکی تنظیم کردی، کوکی قدیمی جایگزین نشدے گا۔ نئی کوکی داکومن کوکی میں شامل کی جائیگی، جس لیے اگر آپ داکومن کوکی پڑھتے ہیں، آپ کوئی ایسا حاصل ہوگا:

cookie1 = value; cookie2 = value;
　 　 　

ਜੇਕਰ ਤੁਸੀਂ ਕਿਸੇ ਨਿਰਧਾਰਿਤ ਕੂਕੀ ਦਾ ਮੁੱਲ ਲੱਭਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਕੂਕੀ ਚਿੰਨ੍ਹ ਚਿੰਨ੍ਹ ਵਿੱਚ ਕੂਕੀ ਮੁੱਲ ਲੱਭਣ ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫੰਕਸ਼ਨ ਲਿਖਣਾ ਹੋਵੇਗਾ।

ਜਾਵਾਸਕ੍ਰਿਪਟ ਕੂਕੀ ਉਦਾਹਰਣ

ਹੇਠ ਦੇ ਉਦਾਹਰਣ ਵਿੱਚ, ਅਸੀਂ ਦੂਰਸਥ ਨਾਮ ਸਟੋਰ ਕਰਨ ਲਈ ਇੱਕ ਕੂਕੀ ਬਣਾਈਏ।

ਦੂਰਸਥ ਨਾਮ ਪਹਿਲੀ ਵਾਰ ਵੈੱਬਸਾਈਟ 'ਤੇ ਆਇਆ ਹੋਵੇ, ਤਾਂ ਉਸ ਨੂੰ ਨਾਮ ਭਰਨ ਲਈ ਕਹਿਣਾ ਹੋਵੇਗਾ। ਫਿਰ ਉਹ ਨਾਮ ਕੂਕੀ ਵਿੱਚ ਸਟੋਰ ਕਰ ਦਿੱਤਾ ਜਾਵੇਗਾ।

ਅਗਰ ਅਗਲੇ ਦੌਰੇ 'ਤੇ ਦੂਰਸਥ ਨਾਮ ਹੋਵੇ, ਤਾਂ ਉਹ ਸਵਾਗਤ ਸੁਨੇਵੇਗਾ।

ਉਦਾਹਰਣ, ਅਸੀਂ 3 ਜਾਵਾਸਕ੍ਰਿਪਟ ਫੰਕਸ਼ਨਾਂ ਬਣਾਓ:

  1. ਕੂਕੀ ਮੁੱਲ ਸੈਟ ਕਰਨ ਵਾਲੇ ਫੰਕਸ਼ਨ
  2. ਕੂਕੀ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਨ ਵਾਲੇ ਫੰਕਸ਼ਨ
  3. ਕੂਕੀ ਮੁੱਲ ਚੈਕ ਕਰਨ ਵਾਲੇ ਫੰਕਸ਼ਨ

ਕੂਕੀ ਸੈਟ ਕਰਨ ਵਾਲੇ ਫੰਕਸ਼ਨ

ਪਹਿਲਾਂ, ਅਸੀਂ ਇੱਕ ਫੰਕਸ਼ਨ ਬਣਾਈਏ ਜੋ ਦੂਰਸਥ ਨਾਮ ਨੂੰ ਕੂਕੀ ਵਾਰੀਅਬਲ ਵਿੱਚ ਸਟੋਰ ਕਰੇ:

ਮਾਡਲ

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

ਉਦਾਹਰਣ ਵਿਸ਼ੇਸ਼ਤਾ:

ਉੱਪਰੋਕਤ ਫੰਕਸ਼ਨ ਦੇ ਪੈਰਾਮੀਟਰ ਹਨ: ਕੂਕੀ ਦਾ ਨਾਮ (cname), ਕੂਕੀ ਦਾ ਮੁੱਲ (cvalue) ਅਤੇ ਕੂਕੀ ਦੀ ਮੁਕਤੀ ਦੇ ਦਿਨਾਂ (exdays)।

ਕੂਕੀ ਨਾਮ, ਕੂਕੀ ਮੁੱਲ ਅਤੇ ਮੁਕਤੀ ਲਈ ਚਿੰਨ੍ਹ ਨੂੰ ਜੋੜਨ ਨਾਲ ਇਹ ਫੰਕਸ਼ਨ ਕੂਕੀ ਨੂੰ ਸੈਟ ਕਰਦਾ ਹੈ।

ਕੂਕੀ ਪ੍ਰਾਪਤ ਕਰਨ ਵਾਲੇ ਫੰਕਸ਼ਨ

ਤਦ, ਅਸੀਂ ਇੱਕ ਫੰਕਸ਼ਨ ਬਣਾਈਏ ਜੋ ਕਿ ਨਿਰਧਾਰਿਤ ਕੂਕੀ ਦਾ ਮੁੱਲ ਵਾਪਸ ਦੇਵੇ:

ਮਾਡਲ

function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var 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) ਵਜੋਂ ਰੱਖੋ।

ਵੱਡੇ ਤੌਰ 'ਤੇ ਵਾਰੀਅਬਲ (name) ਅਤੇ ਖੋਜਣ ਵਾਲੇ ਟੈਕਸਟ (CNAME”=”) ਬਣਾਓ।

ਕੂਕੀ ਚਿੰਨ੍ਹ ਨੂੰ ਡੀਕੋਡ ਕਰੋ, ਵਿਸ਼ੇਸ਼ ਚਿੰਨ੍ਹਾਂ ਵਾਲੇ ਕੂਕੀ ਨੂੰ ਹੱਲ ਕਰੋ, ਉਦਾਹਰਣ ਵਜੋਂ “$”।

Split document.cookie with semicolons into an array named ca (decodedCookie.split(';')).

Traverse the ca array (i = 0; i < ca.length; i++), then read each value c = ca[i].

if cookie is found (c.indexOf(name) == 0), then return the value of the cookie (c.substring(name.length, c.length)).

if cookie is not found, then return "".

Check cookie function

Finally, we create a function to check if the cookie is set.

if cookie is already set, then a greeting will be displayed.

if not cookie is set, then a prompt box will be displayed to ask the user's name and store the username cookie for 365 days by calling setCookie ਫੰਕਸ਼ਨ:

ਮਾਡਲ

function checkCookie() {
    var username = getCookie("username");
    if (username != "") {
        alert("Welcome again " + username);
    }
        username = prompt("Please enter your name:", "");
        if (username != "" && username != null) {
            setCookie("username", username, 365);
        }
    }
}

ਹੁਣ ਇਨ੍ਹਾਂ ਨੂੰ ਮਿਲਾ ਦੇਈ

ਮਾਡਲ

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var 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() {
    var user = getCookie("username");
    if (user != "") {
        alert("Welcome again " + user);
    }
        user = prompt("Please enter your name:", "");
        if (user != "" && user != null) {
            setCookie("username", user, 365);
        }
    }
}

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉੱਪਰੋਕਤ ਉਦਾਹਰਣ ਪੰਨੇ ਲੋਡ ਕਰਨ ਤੋਂ ਬਾਅਦ checkCookie() ਫੰਕਸਨ ਚਲਾਉਣਗੇ。