TypeScript read file XML

In questo mini articolo, vediamo come gestire un file XML, tramite una delle tante tecniche per la gestione dei file XML.

In particolare, useremo le sotto classi contenuti nella classe "HttpClient".

Come file XML, useremo uno simile a questo qui di seguito, contenenti alcuni nodi con dei valori.

XML

<dati>

  <nodo>Valore 1</nodo>

  <nodo>Valore 2</nodo>

  <nodo>Valore 3</nodo>

</dati>

Aggiungiamo il riferimento alla libreria HttpClient, in alto nella sezione Import aggiungiamo la seguente aggiunta di libreria.

TypeScript

import {HttpClient } from '@angular/common/http';

 

Nel costruttore si crea una variabile che fa uso della classe httpClient.

TypeScript

constructor(

    private http: HttpClient

) { }

 

Il frammento di codice qui di seguito, permette tramite le classi "DOMParser" e "Document" di gestire i file XML. Va ricordato che il file XML va aggiunto nella cartella "Assets".

Di seguito il frammento di codice delle suddette operazioni.

TypeScript

 

leggiFileXML(): void {

    const url = 'assets/dati.xml'; // Percorso del file XML (nella cartella assets)

 

    this.http.get(url, { responseType: 'text' }).subscribe({

      next: (data) => {

        const parser = new DOMParser();

        const xmlDoc = parser.parseFromString(data, 'application/xml');

 

        //Legg un nodo specifico

        const elementi = xmlDoc.getElementsByTagName('nodo');

        for (let i = 0; i < elementi.length; i++) {

          console.log(elementi[i].textContent);

        }

      },

      error: (error) => {

        console.error('Si è verificato un errore:', error);

      }

    });

  }

 Di seguito la chiamata alla funzione per la lettura del file XML.

TypeScript:

 ngOnInit(): void {

    this.leggiFileXML();

}