ما هي فائدة AJAX و API و fetch في جافاسكريبت؟

• AJAX هي طريقة لإرسال الطلبات من ضمن الصفحة لجلب محتوى أو معلومات إلى الصفحة دون الحاجة لمغادرتها
• fetch هي واجهة برمجية ضمن المتصفحات تساعد في تضمين إرسال الطلبات وجلب المعلومات للصفحة الحالية
• API هي الواجهة البرمجية، وإذا كنت تقصد بها هنا الواجهة البرمجية للنظام الخلفي فهي شكل الواجهة التي يمكن إرسال الطلبات إليها وتلقي البيانات منها إلى صفحة الموقع، يمكن اعتبارها مصدر البيانات القادمة و وجهة البيانات الصادرةمن الصفحة

 المقال التالي يشرح كيفية ارسال البيانات عبر fetch إلى الواجهة البرمجية API والاستفادة من ذلك في تحديث محتوى الصفحة الحالية :

وإذا كنت تستخدم JQuery المقال التالي يساعدك في فهم طريقة إرسال طلبات AJAX باستخدام المكتبة

كلا التكنولوجيتين fetch و ajax تمكنانك من ارسال طلبات للسيرفر لكن fetch يعد النسخة العصرية لفعل ذلك 

يتمتع Fetch بالعديد من المزايا مقارنة بـ ajax للعديد من المطورين.

أولاً ، واجهة برمجة التطبيقات أبسط. إذا كنت تقارن Fetch بـ XHR القديم البسيط ، فستعرف مدى سهولة الوصول إلى استجابة الطلب.

إنها مبنية على promise وهي طريقة رائعة حقًا للعمل  فهي تساعد في كتابة كود نظيف وتسمح لك باستخدام أشياء جديدة مثل غير async/await.

يحتوي على تعريف دقيق لما هو الطلب وما هو الرد  هذا يعني أنه يمكنك كتابة دالة "لتعديل" طلب قبل إرساله. على سبيل المثال ، يمكن أن يكون لديك وظيفة تأخذ كائن طلب init وتعيده مع إضافة بيانات الاعتماد.

بشكل افتراضي   لا يرسل ملفات تعريف الارتباط يجب التعامل مع المصادقة يدويًا.

بشكل عام  يبدو أن Fetch يتناسب بشكل أفضل مع طريقة عمل الأشخاص مقارنة بـ XHR.