fetch api ჯავასკრიპტში

ჯავასკრიპტში fetch api გვაძლევს საშუალებას დავამყაროთ კავშირი ბექენდთან api-ის დახმარებით, რაც საშუალებას გვაძლევს ფრონტენდში გამოვიტანოთ დინამიური მონაცემები, რომელსაც ბექენდი დაგვიბრუნებს.

ქვემოთ მოცემული კოდი არის ვიდეოში განხილული მაგალითი

const getUsers = async () => {
    try {
        const ul = document.querySelector('ul');
        const users = await fetch('../db/users.json').then(_ => _.json())
        
        users.forEach(user => {
            const li = document.createElement('li');
            li.innerText = `${user.first_name} ${user.last_name}`;
            ul.appendChild(li);
        });
    } catch (error) {
        console.log(error)
    }
}

getUsers();