Javascript 无法理解为什么我无法从API检索数据
当我在搜索栏中输入城市名称时,它应该会调出该城市的天气信息,但我收到400个错误请求Javascript 无法理解为什么我无法从API检索数据,javascript,ajax,api,Javascript,Ajax,Api,当我在搜索栏中输入城市名称时,它应该会调出该城市的天气信息,但我收到400个错误请求 JAVASCRIPT: function handleGetData(event){ event.preventDefault(); const cityName = $("#city").val() $.ajax({url: `https://api.openweathermap.org/data/2.5/weather?q
JAVASCRIPT:
function handleGetData(event){
event.preventDefault();
const cityName = $("#city").val()
$.ajax({url: `https://api.openweathermap.org/data/2.5/weather?q=${cityName}&units=imperial&appid=99df413c60279878184277e08a2c6863`})
.then(
(data) => {
console.log(data);
$("#name").text(data.name)
$("#temp").text(data.temp)
$("#feels").text(data.feels_like)
$("#weather").text(data.weather)
},
(error) => {
console.log("bad request: ", error)
}
)
console.log("It's working!")
}
$('form').on("submit", handleGetData)
您使用的承诺不正确。 正确的语法是
.then(result=>{}).catch(e=>{})
像这样
const cityName=$(“#city”).val()
$.ajax({url:url})
。然后((数据a、b、c)=>{
控制台日志(数据);
$(“#名称”).text(data.name)
$(“#temp”).text(data.temp)
$(“#感觉”).text(data.feels_-like)
$(“#weather”).text(data.weather)
log(“它正在工作!”)
})
.catch(错误=>{
console.error(error)//不一定是“错误请求”
})
你能解释一下“不工作”是什么意思吗?控制台中记录了什么?你是否检查了网络选项卡以查看请求是否正确发送?谢谢,我确实更新了我的代码和帖子,但不幸的是,在控制台中,我收到一个错误的请求400错误。此代码工作正常。我把它粘贴到我的控制台上,以“berlin”作为城市名称运行它,得到了一个包含数据的JSON结果。即使没有城市名称,它也只是说“404城市未找到”。无法复制请记住接受一个有帮助的答案