Nello script #170 abbiamo visto come sfruttare il metodo get della classe Http per recuperare dati dal server. In questo script vediamo come fare l'esatto contrario, cioè come inviare dati al server per il loro salvataggio. Come già visto nello script #170, la prima cosa da fare è importale 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 post per inviare i dati dal server come mostrato nello script.
@Component({ selector: 'http-sel', templateUrl: 'http.html' }) class PeopleComponent { constructor(public http: Http) { } save(person: Person){ var url = "http://mysite.com/api/people"; this.http.post(url, JSON.stringify(person)); } }
Il metodo post accetta come primo parametro l'url da richiamare e come secodno parametro la stringa da passare al server che in questo caso è l'oggetto da salvare serializzato in JSON.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Gestire undefined e partial nelle reactive forms di Angular
Gestire domini wildcard in Azure Container Apps
Usare un KeyedService di default in ASP.NET Core 8
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Creazione di componenti personalizzati in React.js con Tailwind CSS
Filtering sulle colonne in una QuickGrid di Blazor
Aggiungere interattività lato server in Blazor 8
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Hosting di componenti WebAssembly in un'applicazione Blazor static
Disabilitare automaticamente un workflow di GitHub
Utilizzare i primary constructor di C# per inizializzare le proprietà
Reactive form tipizzati con FormBuilder in Angular