שימוש ב-API וקריאות HTTP

API (ממשק תכנות יישומים) מאפשר לאפליקציות לתקשר עם שרתים ושירותים חיצוניים באמצעות קריאות HTTP.

שימוש ב-XMLHttpRequest

    let xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://api.example.com/data', true);

    xhr.onload = function() {
      if (xhr.status === 200) {
        let data = JSON.parse(xhr.responseText);
        console.log(data);
      } else {
        console.error('Error fetching data');
      }
    };

    xhr.send();
    

שימוש ב-Fetch API

    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        console.log(data);
      })
      .catch(error => {
        console.error('Error fetching data:', error);
      });
    

קריאות POST עם Fetch API

    fetch('https://api.example.com/data', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ key: 'value' })
    })
      .then(response => response.json())
      .then(data => {
        console.log('Data posted:', data);
      })
      .catch(error => {
        console.error('Error posting data:', error);
      });
    

שימוש ב-async/await עם Fetch API

    async function fetchData() {
      try {
        let response = await fetch('https://api.example.com/data');
        let data = await response.json();
        console.log(data);
      } catch (error) {
        console.error('Error fetching data:', error);
      }
    }

    fetchData();