كيف يمكنني ارسال طلبات مع الكوكيز إلى السيرفر في جافا سكربت

للعلم jQuery تعتمد على جافاسكريبت، هي فقط تسهل القيام بأمور تحتاج وقت لتنفيذها من خلال جافاسكريبت، لكن ذلك كان في الماضي، فحاليًا جافاسكريبت بنسختها الحديثة أصبحت قادرة على القيام بوظائف مكتبة jQuery بشكل أفضل.

أي أصبحت اللغة نفسها أكثر قوة وسهولة في الاستخدام.

بخصوص ما تريده، فللتوضيح fetch لا تُرسل الكوكيز بشكل افتراضي إلا إن كانت تُرسل من نفس النطاق domain الذي تم تحميل الصفحة منه.

ولتخطي تلك المشكلة، ستحتاج إلى إضافة خيار credentials: 'include' إلى خيارات fetch لضمان إرسال الكوكيز مع الطلب:

fetch('/api/users', {
    method: 'GET',
    credentials: 'include' 
})
.then(response => {
    
})
.catch(error => {
    
});

وفي حال كنت تُرسل الطلبات إلى نطاق مختلف، فستحتاج إلى استخدام خيارات إضافية مثل withCredentials في fetch أو setRequestHeader في XMLHttpRequest لضمان إرسال الكوكيز بشكل صحيح.

ومن الأسهل لك استخدام axios وهي مكتبة جافاسكريبت شائعة تُسهل التعامل مع الطلبات HTTP وتُرسل الكوكيز بشكل افتراضي.

import axios from 'axios';


axios.get('/api/users')
.then(response => {
    
})
.catch(error => {
    
});