Gestione dei File di Testo con Ajax e Javascript

Valori per readyState

• 0: richiesta non inizializzata
• 1: stabilita la connessione con il server
• 2: richiesta ricevuta
• 3: processo in corso
• 4: completa la richiesta. Pronti per la risposta

Valori per stato HTTP (più usati)

• 200: success
• 403: forbidden
• 404: file not found

Sintassi JSON

function nomeFunzione() {
    const nomeVariabile = new XMLHttpRequest();
    nomeVariabile.open('GET','loremipsus.txt',true) // ('GET O POST','FILEDACARICARE',Sincrono o asincrono)
    nomeVariabile.send() // invia la richiesta al server

    nomeVariabile.onreadystatechange = function() {
        if(this.readyState === 4 && this.status === 200){ // se ReadyState è 4 (pronto per la risposta) e lo stato HTTP è 200
            document.getElementById('ID').innerHTML = this.responseText ; // mostrami il testo all'interno dell'elemento con ID
        }else if(this.readyState === 4 && this.status === 404){// altrimenti se non trovi la risorsa
            alert('il file non è stato trovato')// mostrami un alert con una dicitura
        };
    }; 
  }; 

Esempio di funzione grep in jQuery

let stars = ['Andromeda','Aquario','Aquila','Ariete','Auriga','Balena','Bilancia','Boote','Bulino','Bussola','Camaleonte','Cancro','Cane Maggiore','Cane Minore','Cani da Caccia','Capricorno','Carena','Cassiopea','Cavallino','Cefeo','Centauro','Chioma di Berenice','Cigno','Colomba','Compasso','Corona Australe','Corona Boreale','Corvo','Cratere','Croce del Sud','Delfino','Dorado','Dragone','Ercole','Eridano','Fenice','Fornace','Freccia','Gemelli','Giraffa','Gru','Idra','Idro','Indiano','Leone','Leone Minore','Lepre','Lince','Lira','Lucertola','Lupo','Macchina pneumatica','Mensa','Microscopio','Mosca','Ofiuco','Orione'];

Codice della Lezione : funzione grep in jQuery

// crea l'interazione con il pulsante richiamando l'azione e la funzione
document.getElementById('button1').addEventListener('click',caricaRisorsa);

//Bisogna creare una funzione dove si va a creare un istanza dell'oggetto built in.
function caricaRisorsa() {
    const xhttp = new XMLHttpRequest();

    //metodo http open che serve ad aprire la connesione con il server ed accetta 3 argomenti 
    // GET O POST 
    // nome del file da richiedere
    // valore booleano (connessione asincrona o sincrona)
    xhttp.open('GET','https://donatopirolo.dev/wp-includes/import/loremipsus.txt',true)

    // send() serve per mandare la richiesta al server
    xhttp.send()

    xhttp.onreadystatechange = function() {
        if(this.readyState === 4 && this.status === 200){
            document.getElementById('txtID2').innerHTML = (this.responseText) ;
        }else if(this.readyState === 4 && this.status === 404){
            alert('il file non è stato trovato')
        };
    };  
    // onreadystatechage 
    // Valori per readyState
    // 0 : richiesta non inizializzata
    // 1 : stabilita la connessione con il server 
    // 2: richiesta ricevuta
    // 3: processo in corso
    // 4: completa la richiesta. Pronti per la risposta
    
};

// Stati per HTTP
// 200 success
// 403 forbidden
// 404 file not found