ذخیره اطلاعات با جاوااسکریپت
ذخیره اطلاعات در جاوااسکریپت یکی از مهارتهای کلیدی در توسعه وب مدرن به شمار میآید. به دلیل نیاز به حفظ دادهها، روشهای مختلفی وجود دارد که در اینجا به بررسی آنها میپردازیم.
LOCAL STORAGE
یکی از روشهای ساده و مؤثر برای ذخیره دادهها در مرورگر، استفاده از Local Storage است. این ویژگی به شما امکان میدهد اطلاعات را به صورت کلید-مقدار ذخیره کنید.
Local Storage دادهها را به صورت دائمی ذخیره میکند. به این معنا که حتی پس از بسته شدن مرورگر، دادهها باقی میمانند. برای ذخیرهسازی، از متد `setItem` استفاده میکنیم. به عنوان مثال:
```javascript
localStorage.setItem('name', 'Ali');
```
برای بازیابی دادهها، از متد `getItem` استفاده میشود:
```javascript
let name = localStorage.getItem('name');
console.log(name); // خروجی: Ali
```
SESSION STORAGE
روش دیگری که وجود دارد، Session Storage است. این روش شبیه Local Storage است، اما دادهها فقط برای مدت زمان باز بودن تب مرورگر ذخیره میشوند.
به محض اینکه تب بسته شود، اطلاعات از بین میروند. برای استفاده، میتوانید از متدهای مشابه `setItem` و `getItem` استفاده کنید:
```javascript
sessionStorage.setItem('sessionData', 'This is session data');
```
برای دسترسی به دادهها:
```javascript
let sessionData = sessionStorage.getItem('sessionData');
console.log(sessionData); // خروجی: This is session data
```
COOKIES
کوکیها نیز گزینهای دیگر برای ذخیره دادهها هستند. این روش قدیمیتر از Local Storage و Session Storage است و بیشتر برای ذخیره اطلاعات کاربری و شناسایی کاربران استفاده میشود. با این حال، حجم دادهای که میتوان ذخیره کرد، محدود است و معمولاً حدود 4 کیلوبایت است.
برای ایجاد یک کوکی، میتوان از کد زیر استفاده کرد:
```javascript
document.cookie = "username=Ali; expires=Fri, 31 Dec 2023 23:59:59 GMT";
```
نکته مهم این است که کوکیها به صورت خودکار به سرور ارسال میشوند، در حالی که Local Storage و Session Storage فقط در مرورگر ذخیره میشوند.
نتیجهگیری
در نهایت، انتخاب روش مناسب بستگی به نیازهای پروژه شما دارد. اگر نیاز به ذخیره دادهها به مدت طولانی دارید، Local Storage گزینه مناسبی است. برای ذخیره موقتی، Session Storage مناسب است، و اگر به اطلاعات کاربر نیاز دارید، استفاده از کوکیها بهترین انتخاب است.