Використання xhrPromise вмістить помилку, оскільки ви змінили код на використання методу fetch.
Немає потреби використовувати JSON.parse(response), оскільки response.json() вже повертає об'єкт JavaScript.
Потрібно виправити синтаксичну помилку, оскільки немає потрібної функції або методу після передачі .then().
return Promise.all(Array.from(users).map(user => {
return fetch(https://jsonplaceholder.typicode.com/users/${user.dataset.id})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(user => {
user.textContent = user.name;
})
.catch(error => {
console.error('There was a problem with the fetch operation:', error);
});
}));
AnnaCherem
commented
4 months ago
Ви використовуєте метод fetch для отримання імен користувачів зі стороннього сервера.
Ваш код document.getElementById("blog").innerHTML = result;
})
.then( () => { const users = document.querySelectorAll('.author'); users.forEach(user => { xhrPromise("GET",
https://jsonplaceholder.typicode.com/users/${user.dataset.id}) .then(response => { let userName = JSON.parse(response) console.log(userName.name) user.textContent = userName.name }) })});
Проблеми в цьому коді:
Використання xhrPromise вмістить помилку, оскільки ви змінили код на використання методу fetch. Немає потреби використовувати JSON.parse(response), оскільки response.json() вже повертає об'єкт JavaScript. Потрібно виправити синтаксичну помилку, оскільки немає потрібної функції або методу після передачі .then().
document.getElementById("blog").innerHTML = result;
return Promise.all(Array.from(users).map(user => { return fetch(
https://jsonplaceholder.typicode.com/users/${user.dataset.id}) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(user => { user.textContent = user.name; }) .catch(error => { console.error('There was a problem with the fetch operation:', error); }); }));