JavascriptProva

domenica 27 maggio 2018

Esercizi con l'Ajax.

Esercizio di corretta scrittura di una XMLHttpRequest.
<!DOCTYPE html>
<html>
    <script>
        function funzione(){
            var xhttp=new XMLHttpRequest();
            xhttp.onreadystatechange=function(){
                if(this.readyState==4 && this.status == 200){
                    document.getElementById("testo").innerHTML=this.responseText;
                }
            };
            xhttp.open("GET","testo.txt",true);
            xhttp.send();
        }
        
        
    </script>
    <body>
        <div id="testo"></div>
        <input type="button" value="cambia testo" onClick="funzione()">
    </body>
</html> 
Eccolo funzionante! Però avevo commesso un errore nel punto evidenziato in rosso: invece che onreadystatechange avevo scritto onreadystatuschange.

Nessun commento:

Posta un commento