-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy path04_Axios.js
More file actions
38 lines (29 loc) · 1.16 KB
/
Copy path04_Axios.js
File metadata and controls
38 lines (29 loc) · 1.16 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
(()=>{
const $list = document.getElementById('axios');
const $fragment = document.createDocumentFragment();
// Aqui llamamos de nuestro libreria al modulo de AXIOS
axios
.get('https://jsonplaceholder.typicode.com/users')
.then(response =>{
// console.log(response);
response.data.forEach(user => {
const $li = document.createElement('li');
const $fieldset = document.createElement('fieldset');
const $legend = document.createElement('legend');
$legend.textContent = `${user.name}`;
$fieldset.appendChild($legend);
$fieldset.innerHTML += `Email : ${user.email} <br> Phone : ${user.phone}`;
$li.appendChild($fieldset);
$fragment.appendChild($li);
});
$list.appendChild($fragment);
})
.catch(error => {
// console.error(error.response);
let text = error.response.statusText || "Algo anda mal !!! ";
let message = `Error : ${error.response.status} => ${text}`;
console.error(message);
$list.innerHTML = message;
})
.finally(()=>console.warn("Axios is the best"));
})();