Actualmente estoy tratando de procesar una respuesta HTTP de la API de Hojas de cálculo de Google y pasar dos valores de celda específicos a un HTML Div cada uno. Desafortunadamente, soy un principiante con Javascript y no puedo modificar mi código para analizar la solicitud en objetos JS utilizables y pasarlos a un valor para poder usar funciones para escribir los valores en su Div respectivo.
Mi código hasta ahora:
var url = "https://sheets.googleapis.com/v4/spreadsheets/SPREADSHEET_ID/values/B2%3AC2?dateTimeRenderOption=FORMATTED_STRING&key=API_KEY"; var xhr = new XMLHttpRequest(); xhr.open("GET", url); xhr.onreadystatechange = function(){ if (xhr.readyState === 4){ console.log(xhr.status); console.log(xhr.responseText); }}; xhr.send();Spreadsheet_ID y API_Key son marcadores de posición.
El servidor devuelve una respuesta formateada así:
{ "range": "Sheet1!B2:C2", "majorDimension": "ROWS", "values": [ [ "Value 1", "Value 2" ] ] }Mi objetivo es obtener el valor 1 en una división específica y el valor 2 en otra diferente.
¿Cómo proceso la respuesta HTTP y en qué momento puedo transferir los valores a una variable?
Resolví el problema cambiando la forma de llegar. El análisis no fue necesario, simplemente corté la cadena HTTP a los caracteres que necesitaba y usé JS .substring y .slice para eliminar primero 67 caracteres antes, luego definí el carácter limitante al final.