Come posso utilizzare JSON sulla pagina Web da un'origine senza né CORS né JSONP?

Question

Alcuni servizi dati JSON su Internet sono progettati per essere consumati solo dai server e trascurano la possibilità di essere consumati direttamente da un'app solo per il Web.

A causa di problemi tra siti, tali servizi potrebbero funzionare se hanno fornito un formato JSONP o il supporto CORS abilitato.

Voglio fare un piccolo strumento JavaScript che può chiamare una risorsa online che restituisce solo JSON e non, e non supporta.

Un caso di esempio era un'app a pagina singola che stavo facendo per la quale l'unica fonte di dati che ho trovato non forniva CORS o JSONP. Essendo un'app a pagina singola, non disponeva di alcun server, pertanto era soggetta alla stessa politica di origine.

Quali strategie sono disponibili in questi casi?

Answer 1

** Un modo è quello di trovare un proxy che può accedere a una fonte di dati JSON e poi servire al vostro web app trasformata per lavorare con JSON, CORS, o qualsiasi altro formato che è possibile gestire senza preoccuparsi di cross-site preoccupazioni.

Uno di questi proxy è Yahoo's "YQL".

YQL supporta sia JSONP che CORS.

Quindi, se il browser supporta anche CORS, è possibile considerarlo come un server proxy JSON-JSON gratuito. Se no, allora è anche un JSON libero di JSONP delega:

Ecco un esempio di come l'ho usato con jQuery:

$.getJSON("http://query.yahooapis.com/v1/public/yql", 
    { 
    q:  "select * from json where url=\"http://airportcode.riobard.com/airport/" + code + "?fmt=JSON\"", 
    callback: gotJSON, // you don't even need this line if your browser supports CORS 
    format: "json" 
    }, 
    function(data){ 
    if (data.query.results) { 
     /* do something with 
     data.query.results.json.code 
     data.query.results.json.name 
     data.query.results.json.location 
     */ 
    } else { 
     /* no info for this code */ 
    } 
    } 
); 

And a version on jsfiddle...