Skip to main content

Posts

Cómo conectarse a una API JSON y mostrar los resultados en una página usando AJAX y JavaScript

Translator En este ejemplo, nos conectamos a la API de Star Wars en https://swapi.dev/.   La API devuelve resultados en formato de array, luego, usando JavaScript, recorremos el array de resultados y mostramos el título o el nombre que se devuelve en los resultados de los datos JSON.   Películas - [ ] Conectar  Buscar películas Una Nueva Esperanza  El Imperio Contraataca El Retorno del Jedi La Amenaza Fantasma El Ataque de los Clones La Venganza de los Sith | Películas    | app2.js:6 | |---|---| |    | app2.js:23    | - {count: 6, next: n...
Recent posts

Registro en la consola

Translator  Crea una función y la función en realidad va a registrar contenido en la consola. La consola es una herramienta que puedes usar para depurar dentro de Google Apps Script. Así que esto será un simple mensaje de "hola", y esta línea de código en realidad lo registrará. Usando `Logger.log`, hay varias cosas que podemos hacer. Podemos obtener el registro, podemos imprimirlo. Así que agreguemos al registro y, de hecho, solo pasaremos un mensaje, una variable, al registro. Luego, para el propio mensaje, creemos un valor de mensaje. Y simplemente escribiré mi nombre allí como mensaje. Ejecut...

Usando fetch para obtener una API: ejemplo de la API de Star Wars

Translator  En la próxima lección, vamos a conectarnos a la API de Star Wars. Así que te mostraré cómo puedes hacer una conexión y luego también interactuar con los resultados. Hay varias opciones diferentes que estarán disponibles en el menú desplegable. Puedes obtener los resultados de las películas, personas o planetas. Esto te dará una idea general del número de elementos contenidos dentro de las películas, o puedes obtener los diversos planetas mencionados dentro de la API de Star Wars. Eso es todo lo que viene en esta lección. A la izquierda, este es Visual Studio Code. Tengo una página HTML bási...

Código Fuente del Proyecto: Script de Aplicaciones para Datos de Hoja - Ejemplo de Código JavaScript para Aplicación Web

Translator   Index.html <!DOCTYPE html> <html>   <head> <title> Sheet data </title> <style> . btn { font - size : 1.5em ; color : white ; padding : 5px ; } </style> </head>   <body> <div class = "output" ></div> <script src = "app.js" ></script> </body>   </html> app.js const url = 'https://script.google.com/macros/s/AKfycb****_iC3sFQDN-Ervz7FSKgQSfjWALeaqsfSrTR-eIMm6LmVZVrI/exec' ; const output = document . qu...

Revisión de la actualización de datos en Google Sheets

Translator  Esta lección será una revisión general del código, así que comenzamos creando un proyecto donde tenemos algunos datos dentro de una hoja de cálculo y queremos poder interactuar con esos datos dentro de nuestra aplicación web, es decir, en nuestro sitio web.   Dentro de esta aplicación, tenemos una hoja de cálculo y el primer objetivo fue obtener todo el contenido de la hoja de cálculo y mostrarlo en la página web. Así podríamos cargar el contenido de manera ordenada en nuestra página. Todo esto proviene de los datos en vivo dentro de la hoja de cálculo. Creamos una aplicación web que u...

Depuración final del código JavaScript

Translator  En esta lección, vamos a hacer algunas depuraciones y mejorar un poco el funcionamiento de la aplicación.   En este momento, el estado actual es que hacemos la solicitud al `doGet`, por lo que obtenemos la salida en vivo de las hojas de cálculo. Y cada vez que hacemos clic en los botones, estamos enviando una solicitud POST de vuelta a la aplicación web, lo que actualiza los valores en el lado del servidor. Además, está devolviendo el nuevo valor dentro de esa respuesta. Así que podemos usar eso y no tener que actualizar todo el contenido de la aplicación web constantemente; podemos ac...

Agregar datos publicados (POST) a la hoja

Translator  En esta lección, vamos a regresar al script y tomaremos el contenido que nos está siendo enviado para actualizar el contenido dentro de la hoja de cálculo. Esta es información que proviene del lado del cliente, desde la aplicación web. Estamos obteniendo un par de valores dentro de los datos. Así que tenemos "resultado abajo" y "fila tres". Esa es la información que se está enviando y que estamos recuperando. Vamos a simular esos mismos datos JSON que están siendo enviados y crear una pequeña aplicación de prueba antes de ponerla en producción. Esta aplicación va a actualiza...