Acceso al servicio JSON desde localhost o archivo: //

Question

Estoy haciendo una página html destinada a ejecutarse localmente en una PC, preferiblemente sin un servidor local runing (file: //). También estoy usando jQuery para hacer que la manipulación/AJAX sea un poco más fácil.

Estoy tratando de cargar 2 resultados de la API de Twitter, pero me sale un error. El código es el siguiente:

$.getJSON("http://api.twitter.com/1/statuses/user_timeline.json?screen_name=someuser&count=9", {}, 
    function (data) { 
     $.each(data.items, doSomething1); 
    }); 
$.getJSON("http://search.twitter.com/search.json?q=somequery&result_type=recent&count=9", {}, 
    function (data) { 
     $.each(data.items, doSomething2); 
    }); 

También probé el siguiente código, pero no cambió el resultado.

$.getJSON("http://api.twitter.com/1/statuses/user_timeline.json", 
    { 
     count:   "9", 
     screen_name: "someuser" 
    }, 
    function(data) { 
     $.each(data.items, updateAWTweets); 
    }); 
$.getJSON("http://search.twitter.com/search.json", 
    { 
     q:    "somequery", 
     result_type: "recent", 
     count:   "9" 
    }, 
    function(data) { 
     $.each(data.items, updateHashTagTweets); 
    }); 

me sale el siguiente error en cromo (en un servidor localhost):

XMLHttpRequest cannot load http://search.twitter.com/search.json?q=somequery&result_type=recent&count=9. Origin http://localhost:62153 is not allowed by Access-Control-Allow-Origin. 

o (con un file: // enlace)

XMLHttpRequest cannot load http://api.twitter.com/1/statuses/user_timeline.json?screen_name=someuser&count=9. Origin null is not allowed by Access-Control-Allow-Origin. 

¿Alguien sabe cómo me puede arreglar esto?

Answer 1

Se está ejecutando en la restricción same-origin policy - su secuencia de comandos no puede acceder a ningún otro dominio además de la que se cargó.

1. Usted podría dar JSONP una oportunidad - que es una solución común para la obtención de datos a través de dominios:

   • http://www.chazzuka.com/blog/?p=221
   • http://jquery-howto.blogspot.com/2009/04/twitter-jsonjsonp-api-url.html

   Su código sería algo como esto (nota la adición de callback=? a la URL):

   $.getJSON("http://search.twitter.com/search.json?q=somequery&result_type=recent&count=9&callback=?", 
         {}, 
         function (data) { 
           $.each(data.items, doSomething2); 
       }); 
   

2. Otra opción es configurar un proxy: puede utilizar Apache httpd como un proxy/proxy inverso para evitar esta restricción.

Answer 2

Añadir la JQuery's JSONP callback a la URL

$.getJSON("http://search.twitter.com/search.json?callback=?", { 

Answer 3

no utilice este $.getJSON() Su no es flexible .. Puede utilizar

$.ajax({ 
    url:"test.json", 
    dataTypr:"json", 
    async:false 
}).responseText; 

esto puede fácilmente accesible en el html codificación ...