2011-05-06 11 views
7

Me gustaría realizar una solicitud de dominio cruzado en el extremo del cliente, por lo que elegí JSONP. Soy nuevo en JSONP y me gustaría hacer una solicitud al http://somedomain.com usando JavaScript y no jQuery. Sería muy útil para mi desarrollo si obtengo un fragmento de muestra para realizar y manejar una solicitud usando JSONP en JavaScript.Realización y manejo de solicitud JSONP mediante JavaScript

+0

Mucha información aquí: http://en.wikipedia.org/wiki/JSONP – sje397

Respuesta

11

Aquí hay un pequeño ejemplo ir a buscar los datos en una hoja de cálculo Google:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 

<html lang="en"> 
<head> 
    <title>jsonp</title> 
</head> 
<body> 
    <span></span> 
    <script> 
     //this function is the callback, it needs to be a global variable 
     function readResponse(response){ 
      document.getElementsByTagName('SPAN')[0].innerHTML = response.feed.entry.length + ' entries returned'; 
      console.log(response); 
     } 
     (function(){ 
      //note the "readResponse" at the end 
      var src = 'http://spreadsheets.google.com/feeds/list/o13394135408524254648.240766968415752635/od6/public/values?alt=json-in-script&callback=readResponse', 
       script = document.createElement('SCRIPT'); 
      script.src = src; 
      document.body.appendChild(script); 
     })(); 

    </script> 
</body> 
</html> 

Un comentario en relación con este ejemplo. Si quieres jugar con tu propia hoja de cálculo de Google, debes compartirla como pública y publicarla.

+0

¡Gran ejemplo! Aquí hay otro. Es un JSBin que se puede usar para [tocar el violín con JSONP] (http://jsbin.com/omujex/10/edit) de Wikipedia. Se hizo referencia en [esta respuesta] (http://stackoverflow.com/questions/15293680/fetch-random-excerpt-from-wikipedia-javascript-client-only/15293681#15293681). – rkagerer

Cuestiones relacionadas