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
7
A
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
- 1. HTTPS a HTTP solicitud JSONP
- 2. Realización y recepción de una solicitud HTTP en C#
- 3. JavaScript: ¿Cómo creo JSONP?
- 4. cómo matar una solicitud jsonp anterior?
- 5. Confundido en cómo funciona una solicitud JSONP
- 6. Modificar encabezados HTTP para una solicitud JSONP
- 7. JSONP y Backbone.js
- 8. Realización de una solicitud HTTP POST con Arduino
- 9. Realización de una solicitud SOAP utilizando XML en Rails
- 10. Captura de un error JSONP en una solicitud entre dominios
- 11. solicitud JSONP error de regresar: "SyntaxError no detectada: símbolo inesperado:"
- 12. WCF: solicitud de manejo de varios clientes
- 13. Robusto manejo de excepciones Javascript
- 14. ¿Es posible hacer una solicitud JSONP de HTTPS a HTTP?
- 15. Explicación y uso de JSONP
- 16. F # solicitud web asíncrona, manejo de excepciones
- 17. Manejo de certificadosSSL no confiables mediante WebDriver
- 18. Cookie Access sobre JSONP
- 19. Autenticación básica con jQuery.ajax request y jsonp
- 20. Establecer encabezados con jQuery.ajax y JSONP?
- 21. Anulando la solicitud JQuery JSONP lanzará el error
- 22. ¿Cómo burlarse de la llamada JSONP en la especificación de solicitud de rspec con capibara?
- 23. Publicar datos en JsonP
- 24. Entender los fundamentos de JSONP y rieles
- 25. Manejo de la clave JavaScript y compatibilidad del navegador
- 26. dirección de Solicitud de JavaScript
- 27. JSONP vs IFrame?
- 28. Limpieza HTML mediante JavaScript
- 29. Manejo de solicitud de Async en ASP.NET MVC
- 30. Vulnerabilidad aparente de jsonp xss
Mucha información aquí: http://en.wikipedia.org/wiki/JSONP – sje397