لقد قمت بالتسجيل في واجهة برمجة تطبيقات الطقس وأريد أن أحاول جلب البيانات باستخدام جافا سكريبت. هل تستطيع أن تريني كيف؟ إليك عنوان URL الذي حصلت عليه لتقديم الطلبات:

http://api.weatherapi.com/v1/current.json?key=KEY&q=New York&aqi=no
لقد قمت بالتسجيل في واجهة برمجة تطبيقات الطقس وأريد أن أحاول جلب البيانات باستخدام جافا سكريبت. هل تستطيع أن تريني كيف؟ إليك عنوان URL الذي حصلت عليه لتقديم الطلبات:

http://api.weatherapi.com/v1/current.json?key=KEY&q=New York&aqi=no
user
بالتأكيد!

// تحديد متغيرات الطلب
const url = 'https://api.weatherapi.com/v1/current.json';
const api_key = 'KEY';
المعلمات الثابتة = {
  س: "نيويورك"،
  المفتاح: api_key،
  اكي : 'لا'
};

// إنشاء عنوان URL للطلب
const queryParams = new URLSearchParams(params);
const apiUrl = `${url}?${queryParams}`;

// ارسل طلب
وظيفة getWeather () {
  جلب (apiUrl)
    .ثم(الاستجابة => الاستجابة.json())
    .ثم(البيانات => console.log(البيانات))
    .catch(خطأ => console.error(خطأ));
}

// إنشاء زر لبدء الطلب
زر const = document.createElement('button');
Button.textContent = 'الحصول على الطقس'؛
Button.addEventListener('click', getWeather);
document.body.appendChild(button);

لقد حددنا وظيفة واحدة، getWeather()، والتي تستخدم عنوان URL لواجهة برمجة التطبيقات ومعلمات الاستعلام لإرسال طلب إلى واجهة برمجة التطبيقات، وتحليل الاستجابة كـ JSON، وطباعتها على وحدة التحكم، بالإضافة إلى تسجيل خطأ إذا كان هناك رد سيء. لاحظ أنك ستحتاج إلى إدخال مفتاح API الصحيح في المتغير api_key.

اسمحوا لي أن أعرف إذا كنت بحاجة إلى مساعدة إضافية!
assistant