Negli script #170 e #171 abbiamo visto come eseguire chiamate AJAX rispettivamente in GET e POST. Quando dobbiamo effettuare richieste su un dominio diverso da quello in cui ci troviamo, questo tipo di richieste sono effettuabili solo tramite Jsonp. Per effettuare questo tipo di chiamate Angular 2 mette a disposizione la classe JSONP. Questa classe espone il metodo get, che accetta in input l'URL da invocare e un oggetto con i parametri da inviare.
import { Injectable } from '@angular/core'; import { Jsonp, URLSearchParams } from '@angular/http'; @Injectable() export class MyService { constructor(private jsonp: Jsonp) {} search (query: string) { var url = "http://www.site.com/api/get"; var params = new URLSearchParams(); params.set('search', query); params.set('callback', 'JSONP_CALLBACK'); return this.jsonp .get(url, { search: params }) .map(request => /*Codice che elabora la risposta*/); } }
Grazie alla classe JSON, effettuare questo tipo di chiamate è estremamente semplice, poiché si segue un flusso molto simile a quello visto per le classiche chiamate AJAX viste in precedenza.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Eseguire operazioni sui blob con Azure Storage Actions
Usare ASP.NET Core dev tunnels per testare le applicazioni su internet
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
C# 12: Cosa c'è di nuovo e interessante
Creazione di componenti personalizzati in React.js con Tailwind CSS
Le novità di Angular: i miglioramenti alla CLI
Applicare il versioning ai nostri endpoint ASP.NET Core Minimal API
Implementare il throttling in ASP.NET Core
Utilizzare i nuovi piani dedicati di Azure Container Apps
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Reactive form tipizzati con modellazione del FormBuilder in Angular