Untitled

 avatar
unknown
plain_text
4 years ago
728 B
3
Indexable
const button = document.getElementById('button');

button.addEventListener('click', () => {
    let xhr;
    if (window.XMLHttpRequest) xhr = new XMLHttpRequest()
    else xhr = new ActiveXObject("Microsoft.XMLHTTP");
    
    xhr.open('GET', 'https://jsonplaceholder.typicode.com/users');

    xhr.addEventListener('load', (data) => {
        const DataJSON = JSON.parse(data.target.response);

        const list = document.getElementById('list');

        for(const userInfo of DataJSON){
            const listItem = document.createElement('LI');

            listItem.textContent = `${userInfo.id} - ${userInfo.name}`
            list.appendChild(listItem);

        }

    })

    xhr.send();

})
Editor is loading...