javascript AJAX与Vanilla JS

Posted 2021-05-03

const mainContent = document.getElementById('main-content');
const button = document.getElementById('button');

function loadText() {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', 'sample.txt', true); // sample.txt would be your data file or URL

    xhr.onload = function() {
        if(this.status === 200) {
            mainContent.innerHTML = this.responseText; // Puts data on page
        }
    }
    xhr.send();
}

button.addEventListener('click', loadText);