Api De Recuperación De Javascript

| | | | | |

Los desarrolladores a menudo tienen que recuperar datos de su propia API o API de terceros. Este artìculo habla sobre el uso de la API Fetch de su navegador para OBTENER algunos datos de un punto final.

La API Fetch es una interfaz que nos permite realizar solicitudes HTTP a un servidor desde un navegador web como Chrome o Firefox. . Una solicitud GET llega a un extremo en un servidor y luego devuelve una respuesta con datos de ese extremo para que pueda leerla.

Tipos de solicitudes

La solicitud GET HTTP es solo un tipo de solicitud que puede realizar a un servidor. Otros tipos de solicitudes son POST, PUT y DELETE. Estas solicitudes hacen una aplicaciòn CRUD. Es donde podemos Crear (POST), Leer (GET), Actualizar (PUT) y Destruir (ELIMINAR) datos en nuestra base de datos.

Además, podemos llegar a puntos finales en terceros API. Dependiendo de la API, solo se le permitirá realizar ciertas solicitudes, principalmente para mantener sus datos inmutables, por lo que no podrá realizar esas solicitudes que manipulan datos, solo podrá leerlos.

¿Còmo funciona la API Fetch?

La API Fetch utiliza un sistema de comunicaciòn basado en Promise. Como recordatorio, las promesas son funciones asincrònicas que encapsulan la lògica en su bloque de còdigo y devuelven una respuesta que determina si la promesa fue resuelta o rechazada.

Como usuarios de la API Fetch, no " No es necesario escribir la lògica de la promesa. Solo tenemos que usarlo para enviar una solicitud y la API Fetch devuelve una promesa bajo el capò. Aquì está la sintaxis básica para que podamos obtener la respuesta:

promise.then (respuesta). then (json) .catch (error);

La promesa es la solicitud asincrònica real. El método fetch () está disponible en el alcance global y se pasa al punto final al que queremos realizar la solicitud HTTP.

Después de la solicitud, podemos usar la sintaxis de promesa con then y catch o usar la funciòn async / await para obtener la respuesta del servidor.

Sintaxis de la promesa

Aquì tomamos la promesa y luego esperamos una respuesta. Cuando recibimos una respuesta, si el còdigo de estado es distinto de 200, registramos un còdigo de error en nuestra consola y finalizamos la funciòn.

De lo contrario, para que la respuesta sea legible para nuestro sitio web frontend podemos usarlo, lo cambiamos al objeto JavaScript Object Notation (JSON) con el método json (). Queremos que esto se eval√∫e primero antes de continuar, asì que encadenamos una promesa a la promesa anterior.

Una vez que se eval√∫a, podemos registrar lo que se pasò para verlo en nuestra consola. Si está siguiendo, deberìa obtener algo como esto:

Si obtenemos esta informaciòn en la interfaz, podemos usarlo para rellenar tarjetas o una tabla o como nos gustarìa mostrarlo.

< / div>

Async / Await

También podemos usar la funciòn async / await para registrar el mismo resultado.

La palabra clave async nos dice que una parte de esa funciòn será asincrònica. Cuando llegamos a la palabra clave await, la ejecuciòn del script se detiene hasta que se eval√∫a esa lìnea de còdigo.

Tenemos dos sentencias await en esta funciòn, comparables a las dos sentencias then () que tenìamos en la lògica de la promesa. Una sentencia espera la recuperaciòn que suceda en la URL que pasamos, y el otro wa hasta que la informaciòn obtenida se haya analizado en JSON. Usamos try / catch para detectar cualquier error que podamos obtener si algo inusual regresa de las respuestas.

Notas finales

Para que funcione la API de Fetch en el entorno de nodo (es decir, si está utilizando un IDE como Visual Studio Code), necesitará yarn add o npm install node-fetch, ya que fetch solo funciona en el entorno del navegador.

Esperamos que este artículo le haya ayudado a resolver el problema. Además de Api De Recuperación De Javascript, consulta otros temas relacionados con __del__.

¿Quiere sobresalir en Python? Consulte nuestra reseña de los mejores cursos en línea de Python 2022. Si está interesado en Data Science, consulte también cómo aprender programación en R.

Por cierto, este material también está disponible en otros idiomas:



Davies Emmerson

Abu Dhabi | 2022-11-30

¿Tal vez haya otras respuestas? ¿Qué significa el Api De Recuperación De Javascript significa exactamente?. Comprobado ayer, ¡funciona!

Anna Innsbruck

Tallinn | 2022-11-30

Gracias por la explicación. Estuve atascado con el Api De Recuperación De Javascript durante algunas horas, finalmente lo conseguí 🤗. Simplemente no estoy muy seguro de que sea el mejor método

Olivia Sikorski

Massachussetts | 2022-11-30

Sencillo y claro. Gracias por compartir. Api De Recuperación De Javascript y otros temas con log siempre fue mi punto débil 😁.. Volveré mañana con comentarios

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

Common xlabel/ylabel for matplotlib subplots

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Why do I get "Pickle - EOFError: Ran out of input" reading an empty file?

12 answers

NUMPYNUMPY

Flake8: Ignore specific warning for entire file

12 answers

NUMPYNUMPY

glob exclude pattern

12 answers

NUMPYNUMPY

How to avoid HTTP error 429 (Too Many Requests) python

12 answers

NUMPYNUMPY

Python CSV error: line contains NULL byte

12 answers

NUMPYNUMPY

csv.Error: iterator should return strings, not bytes

12 answers

News


Wiki

Python | How to copy data from one Excel sheet to another

Common xlabel/ylabel for matplotlib subplots

Check if one list is a subset of another in Python

sin

How to specify multiple return types using type-hints

exp

Printing words vertically in Python

exp

Python Extract words from a given string

Cyclic redundancy check in Python

Finding mean, median, mode in Python without libraries

cos

Python add suffix / add prefix to strings in a list

Why do I get "Pickle - EOFError: Ran out of input" reading an empty file?

Python - Move item to the end of the list

Python - Print list vertically