La guía JSONP

 

 

 

JSONP es una forma de cargar datos desde servidores de terceros, evitando la política del mismo origen.

De forma predeterminada, no puedes cargar un archivo JSON desde un dominio y puerto que no sea el actual y usarlo en tu aplicación.

Es posible que usted sirva la aplicación desde localhost:8080, pero la API es servida por otra aplicación Node.js que se ejecuta en localhost:2001.

O quizás quieras acceder a alguna API disponible públicamente, presentada como JSON, en el navegador.

Esta es una necesidad común de consumir API, pero en el navegador estamos limitados ya que por razones de seguridad, debido a la Política del mismo origen, este comportamiento debe denegarse de forma predeterminada para evitar posibles problemas.

 

JSONP nació antes de que existiera CORS . Hoy en día, CORS es un enfoque más sensato (¿el único?) para el problema, pero es útil conocer también JSONP, que podría ser mejor en su caso. Además, se descubrieron algunos problemas de seguridad en torno a JSONP desde su inicio, por lo que necesita conocer todas las implicaciones de seguridad de su uso .

JSONP solo admite el método HTTP GET , por lo que es mucho menos capaz que CORS.

¿Cómo funciona?

Un servidor debe tener soporte para JSONP, por ejemplo Express le permite usar el Response.jsonp()método, que es como Response.json()pero maneja devoluciones de llamadas JSONP: Planes con niños en Valencia

res.jsonp({ username: 'Flavio' })

En el lado del cliente, carga el punto final especificando una función de devolución de llamada:

script src="https://localhost:2001/api.json?callback=theCallbackFunction"/script

La función de devolución de llamada debe ser global y recibirá los datos JSON:

const theCallbackFunction = (data) = { console.log(data)}

jQuery tenía una forma práctica de simplificar este enfoque al abstraer JSONP en su ajax()método:

 

$.ajax({ url: 'https://localhost:2001/api.json', dataType: 'jsonp', success: (data) = { console.log(data) }})

Tips para principiantes de JavaScript




Tal vez te puede interesar:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. Cómo comprobar si un elemento DOM tiene una clase

La guía JSONP

La guía JSONP

JSONP es una forma de cargar datos desde servidores de terceros, evitando la política del mismo origen.

programar

es

https://aprendeprogramando.es/static/images/programar-la-guia-jsonp-1827-0.jpg

2024-10-28

 

La guía JSONP
La guía JSONP

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences