Ajax – L’objet "XMLHttpRequest"

<p id="result">Le soleil brille</p>
<button id="bt">Traduction</button>

let xhr;
function getNum(){
    xhr = new XMLHttpRequest(); // créer une instance de l'objet XMLHttpRequest
    xhr.onreadystatechange = callback; // attendre la réponse avec l'attribut onreadystatechange  de l'objet XMLHttpRequest et l'inclure dans une fonction 
    xhr.open("GET","traduction.txt",true); // faire la requête de lire un document
    xhr.send(); // envoyer le résultat de la requête
}
function callback() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        document.getElementById("result").innerHTML = xhr.responseText;
    }
};			
document.getElementById("bt").onclick = getNum;

Zoom

The sun is shining

Testez vos propres exemples sous repl.it. Cliquez ici