كيفية استخلاص البيانات data من رد طلبية ل Javascript fetch API HTTP

إن الطريقة fetch تقوم بإرسال طلب غير متزامن للخادم المتمثل في المسار الممرر لها، وتعيد كائن من نوع Promise ولكي نعمل resolve له، يتوجب انتظاره لينتهي تنفيذه، وذلك بوضع الكلمة المفتاحية await قبل استدعائه بالشكل التالي:

 const response = await fetch( "https://www.breaking.com/api/")

• أرجو التأكد من الرابط لأنه لا يعمل يمكن استعمال موقع json placeholder للتجريب

الخطوة الثانية هي تحويل رد الخادم لكائن JSON ليسهل التعامل معه وتعريف المتغير data لأنه غير معرف لديك.

const data= await response.json()

لاحقاً يمكن طبع البيانات.

ملاحظة:

• الموقع الصحيح هو:  

  breakingbadapi.com

• الشيفرة النهائية: لاننسى استدعاء الدالة

  async function breaking_bad() {
    const response = await fetch("https://www.breakingbadapi.com/api/");
    const data= await response.json()
  
    console.log(data);
  }
  breaking_bad()