No puedo obtener una respuesta de error para la aplicación web, muestra si hay una respuesta válida pero no muestra nada en una solicitud incorrecta. ¿Cómo puedo obtener el mensaje de error en la consola o como una cadena json?
Aquí está el código de abajo
const getWeather = () => { let city = document.querySelector("input").value; fetch( `http://api.weatherapi.com/v1/current.json?key=ca7ec552bc034514a9792135211812&q=${city}&aqi=no` ) .then((data) => data.json()) .then((data) => displayWeather(data)); }; document.querySelector("button").addEventListener("click", () => { getWeather(); document.querySelector("input").innerText = ""; }); const displayWeather = (data) => { const localInfo = data.location.localtime; const name = data.location.name; const icon = data.current.condition.icon; const text = data.current.condition.text; const temp = data.current.temp_c; const humidity = data.current.humidity; const country = data.location.country; const windSpeed = data.current.wind_kph; const code = data.current.condition.code; const error =data.error.message; console.log(name, icon, text, temp, humidity, country, windSpeed, code, error);Código en vivo al momento de escribir esto: https://github.com/samuelajala01/my-weather-app/blob/master/script.js
La API meteorológica solo enviará el subobjeto de error si hay un error; de lo contrario, solo enviará los subobjetos actuales y de ubicación, por lo tanto, solo tuvo que agregar una verificación de la existencia del objeto de error en los datos de respuesta.
Algo como esto :
document.querySelector("button").addEventListener("click", () => { getWeather(); document.querySelector("input").innerHTML = " "; }); const displayWeather = (data) => { if (data.error) { alert(data.error.message); } else { const localInfo = data.location.localtime; const name = data.location.name; const icon = data.current.condition.icon; const text = data.current.condition.text; const temp = data.current.temp_c; const humidity = data.current.humidity; const country = data.location.country; const windSpeed = data.current.wind_kph; const code = data.current.condition.code; console.log(name, icon, text, temp, humidity, country, windSpeed, code); } } const getWeather = () => { let city = document.querySelector("input").value; fetch( `http://api.weatherapi.com/v1/current.json?key=ca7ec552bc034514a9792135211812&q=${city}&aqi=no` ) .then((data) => data.json()) .then((data) => displayWeather(data)) };