显示数据时获取NaN



我在检索温度时得到了NaN,但当我在控制台上显示温度时,我得到了正确的温度。

我的代码如下所示:

// Event listener to add function to existing HTML DOM element
generate.addEventListener('click', function performAction() {
const zip = document.getElementById('zip').value;
const feelings = document.getElementById('feelings').value;
getData(baseURL, zip, apiKey)
.then(function (data) {
postData('/addData', { temperature: data.main.temp.toString(), date: newDate, feel: feelings })
})
.then(() => retrieveData());
})
/* Function to GET Project Data */
const retrieveData = async () => {
const request = await fetch('/all');
try {
// Transform into JSON
const allData = await request.json()
console.log(allData)
// Write updated data to DOM elements
document.getElementById('temp').innerHTML = Math.round(allData.temp) + 'degrees';
document.getElementById('content').innerHTML = allData.feel;
document.getElementById("date").innerHTML = allData.date;
}
catch (error) {
console.log("error", error);
// appropriately handle the error
}
}

如果是allData = {temperature: '277.32', date: '3.8.2022', feel: 'd'},则必须使用allData.temperature而不是allData.temp

最新更新