JSONP come recuperare il testo

Question

Capisco cosa fa JSON/JSONP, ma non sono un programmatore e non so come estrarre le basi per un semplice utilizzo. Ho letto molto su JSONP e molti esempi su vari usi per JSONP, ma non ho ancora trovato un semplice esempio per recuperare il testo da un'altra pagina (ad esempio http://www.domain.com/external/text.aspx).

Qualcuno potrebbe dare un esempio di una configurazione jQuery/JSONP per il recupero del testo in un div? Penso che sia un uso molto basilare di JSONP.

Answer 1

Prima di tutto, è importante capire che per far funzionare JSONP, il server deve sapere che verrà contattato con una richiesta JSONP. In altre parole, non puoi semplicemente fare una richiesta ad un server casuale e aspettarti che funzioni se il server non è stato preparato correttamente.

Se si conosce un server con un URL progettato per accettare e rispondere alle richieste JSONP, ciò che verrà restituito sarà un'espressione JSON racchiusa in una chiamata a una funzione. La tua pagina includerà quella funzione, e quindi quando i risultati torneranno dal server il browser interpreterà l'espressione JSON e quindi invocherà la funzione.

Quindi, se si vuole fare un servizio che restituisce un bel blocco di testo, si richiama il servizio come questo:

$.getJSON("http://www.domain.com/external/text.aspx?callback=", function(data) { 
    $('#targetDiv').text(data.text); 
}); 

Il codice jQuery sarà preparare tutto in modo tale che il server sarà detto (tramite un parametro chiamato "jsonp" nella richiesta HTTP) il nome della funzione da chiamare (e jQuery stesso costruirà quella funzione per te). Il server dovrebbe rispondere con qualcosa del genere:

jqueryFunctionName({text: "This is a nice block of text."})