چطور داده هایمان را روی حافظه مرورگر ( local storage ) ذحیره کنیم؟
- نفیسه افقی 3 سال قبل سوال کرد
- شما باید برای ارسال دیدگاه وارد شوید
فرض کنید که اطلاعات کاربر را از سرور fetch کردید و می خواهید در حافظه مرورگر ذخیره کنید. می توانید از Local Storage
در react استفاده کنید:
var testObject ={name:"test", time:"Date 2017-02-03T08:38:04.449Z"};
localStorage.setItem('testObject', JSON.stringify(testObject));
var retrievedObject = localStorage.getItem('testObject');
console.log('retrievedObject: ', JSON.parse(retrievedObject));
نکته: Local Storage داده ها را تا زمانیکه کاربر کش مرورگرش را پاک نکند، نگه می دارد.
نکته: دقت کنید که اگر می خواهید یک object را ( مثل مثال بالا ) در Local Storage ذخیره کنید، باید با JSON.stringify
آن را ارسال کنید. پس از دریافت آن از Local Storage هم باید از متد JSON.parse
استفاده کنید.
نکته: اگر خواستید کد خودتان را تست کنید، می توانید از ابزار inspector مرورگر استفاده کنید. مثلا inspector فایرفاکس تبی به نام storage دارد که می توانید تمامی داده های ذخیره شده در انواع حافظه آن را ببینید.
نکته: انواع دیگری از حافظه ها هم وجود دارند که بر اساس مدت عمر و نوع داده ای که نگهداری می کنند متفاوتند ( مثلاً – Cache Storage – Cookies – Session Storage) [1]
- نفیسه افقی 3 سال قبل پاسخ داد
- آخرین ویرایش 3 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید