مشاوره رایگان

ورود عضویت کسب درآمد

سبد خرید شما 0

دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان

جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

کاربرد کوکی ها در جاوا اسکریپت چیست - چگونه یک کوکی تعریف کنیم

کوکی ها چه چیزی هستند؟

مرورگرهای وب و سرورها از پروتکل HTTP برای برقراری ارتباط استفاده می نمایند. HTTP یک پروتکل stateless می باشد. اما برای وب سایت های تجاری ، لازم است که اطلاعات مربوط به جلسه (session) را بین صفحات مختلف را حفظ نماییم. برای مثال ، ثبت نام کاربر پس از تکمیل اطلاعات در صفحات مختلفی به اتمام می رسد. اما ، چگونه می توان اطلاعات session کاربران را برای تمام صفحات وب حفظ نمود.

در بسیاری از وضعیت ها ، استفاده از کوکی ها ، کارآمدترین روش برای یادآوری و ردیابی تنظیمات ،خریدها ، کمیسیون ها و سایر اطلاعات موردنیاز برای تجربه بهتر بازدید کننده یا آمار سایت می باشد.

کوکی ها چگونه کار می کنند؟

یک سرور ، برخی از داده ها را به مرورگر بازدید کننده در شکل یک کوکی ارسال می نماید. مرورگر ، ممکن است کوکی را پذیرش نماید. اگر مرورگر این کار را انجام دهد ، کوکی به صورت یک رکورد متنی ساده در دیسک سخت بازدید کننده ذخیره می شود. اکنون ، هنگامی که کاربر به صفحه دیگری از وب سایت می رود ، مرورگر همان کوکی را به سرور ، جهت بازیابی اطلاعات ارسال می نماید. پس از این که اطلاعات بازیابی شد ، سرور می داند / به یاد دارد که چه چیزی قبلاً ذخیره شده است.

کوکی ها به صورت رکورد داده ای متن ساده که متشکل از 5 فیلد متغیر-طول ( variable-length) است ، می باشند:

تاریخ انقضاء (Expires) : داده های کوکی منقضی می شوند. اگر این فیلد خالی باشد ، کوکی زمانی که بازدید کننده مرورگر را می بندد ، منقضی می شود.
دامنه (Domain) : نام دامنه وب سایت می باشد.
مسیر (Path) : مربوط به مسیر دایرکتوری یا وب سایتی است که کوکی را تنظیم می نماید. این فیلد ، در صورتی که بخواهیم کوکی را از دایرکتوری یا صفحه دیگری بازیابی نماییم ، خالی می باشد.
امنیت (Secure) : اگر این فیلد حاوی کلمه “secure” باشد ، کوکی فقط ممکن است با سرور secure بازیابی شود. اگر این فیلد خالی باشد ، چنین محدودیتی وجود ندارد.
Name= Value : کوکی در قالب جفت های key-value تنظیم و بازیابی می شوند.

کوکی ها در اصل برای برنامه نویسی CGI طراحی شده اند. داده های یک کوکی به صورت خودکار بین مرورگر وب و سرور وب انتقال می یابند ، به طوری که اسکریپت های سرور بتوانند مقادیر کوکی هایی را که در سمت کلاینت ذخیره شده اند ، خوانده و بنویسند.

جاوا اسکریپت ، هم چنین می تواند کوکی ها را با استفاده از خصیصه cookie از شیء Document دستکاری نماید. جاوا اسکریپت می تواند کوکی هایی را که در صفحه وب جاری اجرا می شوند ، خوانده ، ایجاد ، اصلاح و حذف نماید.

ذخیره کردن کوکی ها

ساده ترین روش برای ایجاد یک کوکی این است که یک مقدار رشته ای به شیء document.cookie تخصیص دهیم ، همانند کد زیر :

document.cookie = "key1=value1;key2=value2;expires=date";

در اینجا ، صفت expire اختیاری می باشد. اگر این صفت همراه با تاریخ و زمان باشد ، کوکی در تاریخ و زمان مشخص شده منقضی شده و پس از آن ، کوکی دیگر قابل دسترسی نخواهد بود.

نکته : مقادیر کوکی ها ممکن است شامل سیمکالن ها ، کاماها یا فاصله ها نباشند ، به این دلیل که ممکن است بخواهیم از تابع escape() برای کدگذاری مقادیر قبل از ذخیره سازی آنها در کوکی ، استفاده نماییم. اگر این کار را انجام دهیم ، هم چنین باید از تابع متناظر unescape() در زمان خواندن مقدار کوکی استفاده نماییم.

مثال

مثال زیر را امتحان نمایید. این مثال نام مشتری را در یک کوکی input تنظیم می نماید.

<html>
   <head>
      
      <script type = "text/javascript">
         <!--
            function WriteCookie()
            {
               if( document.myform.customer.value == "" ){
                  alert("Enter some value!");
                  return;
               }
               cookievalue= escape(document.myform.customer.value) + ";";
               document.cookie="name=" + cookievalue;
               document.write ("Setting Cookies : " + "name=" + cookievalue );
            }
         //-->
      </script>
      
   </head>
   
   <body>
   
      <form name="myform" action="">
         Enter name: <input type="text" name="customer"/>
         <input type="button" value="Set Cookie" onclick="WriteCookie();"/>
      </form>
   
   </body>
</html>

خروجی

اکنون ، در مرورگر ما ، کوکی با نام name ذخیره شده است. ما می توانیم چندین کوکی را با استفاده از چندین جفت key=value جدا شده با کاما تنظیم نماییم.

خواندن کوکی ها

خواندن یک کوکی به سادگی نوشتن آن است ، زیرا شیء document.cookie کوکی است. بنابراین ما می توانیم از این رشته هر زمان که بخواهیم به کوکی دسترسی یابیم ، استفاده می کنیم. رشته document.cookie لیستی از جفت های name=value جدا شده با سیمکالن را نگه می دارد ، که name مربوط به نام کوکی و value مربوط به مقدار رشته می باشد.

می توانیم از تابع split() برای شکستن رشته به key و value مطابق مثال زیر استفاده نماییم.

مثال

مثال زیر را امتحان نمایید تا تمام کوکی های ذخیره شده در ماشین خود را دریافت کنید:

<html>
   <head>
   
      <script type="text/javascript">
         <!--
            function ReadCookie()
            {
               var allcookies = document.cookie;
               document.write ("All Cookies : " + allcookies );
               
               // Get all the cookies pairs in an array
               cookiearray = allcookies.split(';');
               
               // Now take key value pair out of this array
               for(var i=0; i<cookiearray.length; i++){
                  name = cookiearray[i].split('=')[0];
                  value = cookiearray[i].split('=')[1];
                  document.write ("Key is : " + name + " and Value is : " + value);
               }
            }
         //-->
      </script>
      
   </head>
   <body>
      
      <form name="myform" action="">
         <p> click the following button and see the result:</p>
         <input type="button" value="Get Cookie" onclick="ReadCookie()"/>
      </form>
      
   </body>
</html>

نکته : در اینجا length یک متدی از کلاس Array می باشد که طول یک آرایه را باز می گرداند. ما در مورد آرایه ها در یک جلسه جداگانه بحث خواهیم کرد.

خروجی

نکته : ممکن است کوکی های دیگری قبلاً بر روی ماشین شما تنظیم شده باشند. کد فوق ، تمام کوکی های روی ماشین شما را نمایش خواهد داد.

تنظیم کردن تاریخ انتقضاء کوکی ها

ممکن است که بخواهیم حیات یک کوکی فراتر از جلسه فعلی مرورگر باشد. برای توسعه حیات کوکی ، یک تاریخ انقضاء تنظیم کرده و تاریخ را در داخل کوکی ذخیره می نماییم. این کار می تواند با تنظیم صفت ‘expires’ به تاریخ و زمان موردنظر انجام شود.

مثال

مثال زیر را امتحان نمایید. این مثال نحوه توسعه تاریخ انقضاء یک کوکی به یک ماه را نشان می دهد:

<html>
   <head>
   
      <script type="text/javascript">
         <!--
            function WriteCookie()
            {
               var now = new Date();
               now.setMonth( now.getMonth() + 1 );
               cookievalue = escape(document.myform.customer.value) + ";"
               
               document.cookie="name=" + cookievalue;
               document.cookie = "expires=" + now.toUTCString() + ";"
               document.write ("Setting Cookies : " + "name=" + cookievalue );
            }
         //-->
      </script>
      
   </head>
   <body>
   
      <form name="myform" action="">
         Enter name: <input type="text" name="customer"/>
         <input type="button" value="Set Cookie" onclick="WriteCookie()"/>
      </form>
      
   </body>
</html>

خروجی

حذف کردن یک کوکی

برخی اوقات ممکن است که بخواهیم یک کوکی را حذف نماییم ، تا تلاش های بعدی برای خواندن کوکی با شکست مواجه شوند. برای انجام این کار ، نیاز داریم که فقط تاریخ انقضاء را به یک زمان گذشته تنظیم نماییم.

مثال

مثال زیر را امتحان نمایید. در این مثال نحوه حذف یک کوکی را با استفاده از تنظیم تاریخ انقضاء آن به یک ماه گذشته از تاریخ جاری نشان می دهیم:

<html>
   <head>
   
      <script type="text/javascript">
         <!--
            function WriteCookie()
            {
               var now = new Date();
               now.setMonth( now.getMonth() - 1 );
               cookievalue = escape(document.myform.customer.value) + ";"
               
               document.cookie="name=" + cookievalue;
               document.cookie = "expires=" + now.toUTCString() + ";"
               document.write("Setting Cookies : " + "name=" + cookievalue );
            }
          //-->
      </script>
      
   </head>
   <body>
   
      <form name="myform" action="">
         Enter name: <input type="text" name="customer"/>
         <input type="button" value="Set Cookie" onclick="WriteCookie()"/>
      </form>
      
   </body>
</html>

خروجی

پکیج های آموزشی جدید

آموزش ساخت ادیتور Html

فصلِ: 1 , تعداد قسمت ها: 4 , سطح: صفر تا صد

موضوعات: آموزش HTML5 آموزش JAVASCRIPT

این فصل در یک نگاه:

در این مجموعه به آموزش کامل ckeditor از نصب آن تا شخصی سازی و افزودن امکانات اختصاصی به ان می پردازیم.…

با توجه به اینکه آموزش جامع و کاملی در مورد نحوه ایجاد و شخصی سازی یک ادیتور در وب سایت و صفحات وب، وجود نداشت برآن شدیم تا یک سری مجموعه آموزشی کامل و جامع در رابطه با این موضوع تهیه نماییم…

طراحی و برنامه نویسی وب

برنامه نویسی موبایل

برنامه نویسی ویندوز

سایر

کاربرد کوکی ها در جاوا اسکریپت چیست - چگونه یک کوکی تعریف کنیم

کوکی ها چه چیزی هستند؟

کوکی ها چگونه کار می کنند؟

ذخیره کردن کوکی ها

مثال

خروجی

خواندن کوکی ها

مثال

خروجی

تنظیم کردن تاریخ انتقضاء کوکی ها

مثال

خروجی

حذف کردن یک کوکی

مثال

خروجی

آیا نیاز به مدرک هم دارید؟