Fetch API: qué es y cómo difiere de WordPress REST API

JavaScript, junto con HTML y CSS, son lenguajes de programación clave. Casi todos los sitios web usan JavaScript, por lo que es importante comprender su interfaz de programación de aplicaciones nativas (API) si desea convertirse en un desarrollador completo. En esta publicación, presentaremos su API de Fetch y lo que puede hacer. Luego discutiremos la diferencia con la API REST de WordPress y le explicaremos cuando desee usarla en el desarrollo de WordPress. ¡Saltemos directamente! Introducción a la API de Fetch como todas las API, la API de Fetch se utiliza para enviar y recibir datos entre aplicaciones. Como su nombre lo indica, se usa principalmente para “hacerse cargo” de los recursos utilizando solicitudes HTTP y luego cambiarlas. De esta manera, funciona como una XMLHTTPREQUEST.
Sin embargo, la API de Fetch ofrece una mejora en este método, utilizando un código más limpio para lograr el mismo resultado final. Lo hace devolviendo los datos en forma de “promesas”, que son una solución simplificada y más legible, que reemplaza las llamadas de llamadas para permitir a los desarrolladores realizar funciones de JavaScript en cierto orden. Esencialmente, una promesa establece que eventualmente se llevará a cabo una determinada acción y proporcionará información sobre lo que debería suceder cuando tenga lugar. Una promesa siempre “resuelta” (resulta en una respuesta) o “rechazada” (que resulta en un error).
Si la promesa se resuelve, un controlador .Hen ejecuta la acción especificada. Si se rechaza la promesa, se puede mostrar un mensaje de error en su lugar utilizando una función .Catch. Debido a que JavaScript es asíncrono, todo esto sucede en segundo plano, sin evitar el resto de la página. Entonces, cuando armamos todo esto, obtenemos una API que toma los recursos como promesas. Luego devuelva los objetos de respuesta si estas promesas se resuelven o errores si se rechazan. También puede agregar. Luego o manipulación .Cach para seguir inmediatamente la respuesta o error con otra acción. Un ejemplo simple: suponga que usa la API de Fetch para tomar una lista de publicaciones. Los datos de publicación se devuelven como una promesa, lo que se resuelve y da como resultado un objeto de respuesta. Luego use un controlador .Hen para devolver esa respuesta como JSON, que puede mostrar en su sitio web. Como puede ver, esta API ofrece mucho potencial, especialmente para aplicaciones específicas. Como la API de Fetch difiere de la API de WordPress corta, excepto que ambas son API, la API de Fetch y la API de WordPress son diferentes en casi todos los sentidos. Algunas distinciones clave incluyen:
La API de Fetch devuelve los datos de acuerdo con las promesas, mientras que la API de WordPress devuelve los datos como JSON.
Además, debe usar un controlador .shen para convertir los datos devueltos por la búsqueda de API a JSON.
Puede devolver datos en formularios distintos a JSON a través de la API Fetch.
Para usar promesas con WordPress REST API, deberá escribirlas solo después de llamar a la API.
Si desea usar la API de WordPress Fetch, simplemente debe llamar a la función de adquisición en su código JavaScript. Siga esta función con un controlador .shen para acceder al contenido. Luego puede mostrarlo en su sitio web o en su aplicación web. 2 veces es posible que desee usar la API de Fetch sobre el resto del resto, probablemente pueda lograr casi cualquier cosa que pueda hacer con una API de Fetch Usando en I Exchange WordPress REST . Sin embargo, la API Fetch ofrece algunas funciones útiles, que no son tan accesibles a través de la API nativa de WordPress. Veamos dos ejemplos. 1. Devolver una respuesta que no es JSON como ya mencioné al usar WordPress REST API, devuelve los datos JSON por defecto. Sin embargo, puede haber momentos en que necesite su respuesta en una forma diferente. Para trabajar con la API de WordPress, debe convertir JSON en el formato deseado en algún lugar a lo largo de la línea.
La API de Fetch, por otro lado, puede devolver datos en varios formatos diferentes. Si bien JSON es probablemente la forma más popular para las respuestas de la API de Fetch, también puede usarlo para devolver respuestas en una amplia variedad de otros formatos, incluidos XML, HTML, texto simple y blobs. Para hacer esto, simplemente cambie el método de respuesta especificado en el controlador .shen que usa para acceder al contenido que recuperó. Por ejemplo, aquí hay una llamada de búsqueda de API muy simplificada, seguida de un controlador .shen que devuelve la respuesta como JSON:
Take Ormaz (“https://jsonplaceholder.typicode.com/todos”)

.Hen (respuesta => respuesta.json ())
.hen (data => console.log (json.stringify (date))), por lo que si desea devolver los datos como XML, puede usar Respuesta.text en lugar de Respuesta.json. Esto es mucho más fácil que realizar una conversión después de hacerse cargo con WordPress REST API. 2. Utilizando promesas para realizar funciones en un pedido especial adicional, si desea utilizar promesas con sus llamadas API REST de WordPress, puede ser más efectivo usar la API de Fetch. Con la API de WordPress, deberá escribir su propia promesa después de la solicitud y la respuesta, mientras que la API de Fetch devolverá su promesa. Si usa una API para solicitar datos y luego desea usar funciones de JavaScript para hacer otra cosa con esos datos , La API Fetch puede ser el camino a seguir. Por ejemplo, considere este ejemplo: var eventsUrl = “https://pi.seatgeek.com/2/events?q=amway-center&client_id=mti2nji2njf8mtuzndyxmjq1ms4zna”;
Hazte el control (eventsurl)
.hen (((respuesta) => respuesta.json ())
.Then (function (evnt) {
Devuelve evnt.events.map (función (evento) {
lima singleEvent = document.createement (‘li’);
lima eventdate = document.createement (‘span’);
lima newdate = momento (event.datetime_local). format (‘lll’);
SingleEvent.innerhtml = event.title;
EventDate.innerhtml = newdate;
anexar (lista de eventos, single);
anexar (único, eventual);
})
})
.Catch (función (error) {
console.log (‘Error al asumir:’ + error.mesaj);
}); Aquí podemos ejecutar una función de evento agregando un controlador .shen a la promesa devuelta por la API de Fetch, para mostrar eventos en el sitio web de Seategeek. Las promesas pueden hacer mucho más fácil usar JavaScript, mantiene el código limpio y más fácil de leer. A su vez, esto podría hacer que su desarrollo sea más eficiente y eficiente. Conclusión Cuando se trata del desarrollo web, no llegará lejos sin JavaScript. Si tiene un control de API nativo, le ayudará a recuperar fácilmente los recursos que puede cambiar para ser utilizados en su sitio web o aplicación web. En esta publicación, discutimos dos ejemplos del momento en que es posible que desee usar la API JavaScript Fetch en lugar de WordPress REST API:
Se devuelve una respuesta que no es JSON. Con la API de Fetch, puede devolver datos a una variedad de formatos, mientras que la API de WordPress solo devuelve JSON.
Usar promesas para realizar funciones en cierto orden. A medida que la API de Fetch devuelva los datos según las promesas, no tendrá que escribir en los suyos.
¿Tiene alguna otra pregunta sobre Fetch API? ¡Déjalos en la sección de comentarios a continuación!
Artículo en miniatura Artículo Sudowoodo / Shutterstock.com