Eseguire una chiamata AJAX per recuperare i dati in Angular 2

di Stefano Mostarda, in HTML5, Angular 2,

Quando si lavora sul client, una delle operazioni più comuni è effettuare una chiamata al server per leggere o scrivere dati. Angular 2 rende questa operazione estremamente semplice tramite la classe Http. Il primo passo consiste nell'importare la classe Http nel nostro file.

import { Http } from 'angular2/http';

Il secondo passo consiste nel passare un'istanza di Http al costruttore del nostro component e poi sfruttare il metodo get per recuperare i dati dal server come mostrato nello script.

@Component({
  selector: 'http-sel',
  templateUrl: 'http.html'
})
class PeopleComponent {
  constructor(http: Http) {
    http.get('data.json')
      .map(r => res.json())
      .subscribe(d => this.data = d);
  }
}

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi