如何解决如何在Weather API中使用输入?
我该如何解决这个异步问题(我认为)。为什么在提取之前不读取输入。
const key=<API-KEY>
const searchInput = document.querySelector(".bottom");
const form = document.querySelector(".search-Box");
let searchValue;
form.addEventListener('input',updateInput);
searchInput.addEventListener('submit',(e) =>{
e.preventDefault();
findcity(searchValue);
})
function updateInput(e){
searchValue=e.target.value;
console.log(e.target.value);
}
async function findcity(query){
const datafetch = await fetch(`http://api.openweathermap.org/data/2.5/weather?q=${query}+&appid=${key}`)
.then(response =>{
let data= response.json()
.then((data) => {
console.log(data);
})
})
}
findcity();
在这里,我更新了输入值,它可以在控制台日志中工作 在我加载他找不到城市的页面时,console.log数据会给我留下深刻的印象
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。