FL
Покажи, как делаешь запрос.
я же оправил код
Size: a a a
2020 November 26
FL
как показать ?
t
First Name Last name
я же оправил код
Ой...
FL
Ой...
Ну я же только учусь ))
t
First Name Last name
Ну я же только учусь ))
Ты делаешь запрос с помощью фетча. Перед тем, как сделать запрос, тебе нужно включить прелоадер.
t
fetch(result)
.then((response) => {
t
Это уже запрос.
t
enablePreloader();
fetch(result)
.then((response) => {
S
enablePreloader();
fetch(result)
.then((response) => {
t
Условно, enablePreloader включает прелоадер 🌚
t
Когда запрос завершится, и ты сделаешь с данными то, что хотел, тебе нужно вырубить прелоадер.
t
fetch(result)
.then((response) => {
return response.json()
})
.then((data) => {
for(let i = 0; i < data.length;i++){
let index = data[i]
let id = document.createElement('span');
id.classList.add("addclass")
id.innerHTML = data[i].id
idResult.append(id);
let name = document.createElement('span');
name.classList.add("addclass")
name.innerHTML = data[i].name
nameResult.append(name);
let username = document.createElement('span');
username.classList.add("addclass")
username.innerHTML = data[i].username
userNameResult.append(username);
let email = document.createElement('span');
email.classList.add("addclass")
email.innerHTML = data[i].email
emailResult.append(email);
}
})
.catch(() => {
console.log("error");
})
.finally(() => {
console.log(x++);
})
}
btn.addEventListener("click",
S
fetch(result)
.then((response) => {
return response.json()
})
.then((data) => {
for(let i = 0; i < data.length;i++){
let index = data[i]
let id = document.createElement('span');
id.classList.add("addclass")
id.innerHTML = data[i].id
idResult.append(id);
let name = document.createElement('span');
name.classList.add("addclass")
name.innerHTML = data[i].name
nameResult.append(name);
let username = document.createElement('span');
username.classList.add("addclass")
username.innerHTML = data[i].username
userNameResult.append(username);
let email = document.createElement('span');
email.classList.add("addclass")
email.innerHTML = data[i].email
emailResult.append(email);
}
})
.catch(() => {
console.log("error");
})
.finally(() => {
console.log(x++);
})
}
btn.addEventListener("click",
t
...
emailResult.append(email);
disablePreloader();
t
Где условный disablePreloader отключает прелоадер.
t
Или можно вытащить в отдельную "составляющую" цепочки:
fetch(...)
.then(...) {...}
.then(...) {...}
.then(disablePreloader)
.catch(...) {...}
...
fetch(...)
.then(...) {...}
.then(...) {...}
.then(disablePreloader)
.catch(...) {...}
...
FL
...
emailResult.append(email);
disablePreloader();
Все получилось спасибо за помощь
t
FL
)))
FL
спасибо )