检查代码 $(function () { axios .get("https://devapi.qweather.com/v7/weather/now", { params: { key: "8d6ff3227f094b17b2a9302c00fb52d7", location: "101110101" } }) .then(function (response) { console.log(response); let now=response.data.now let img =$(`< img src="./img/${101}.svg" width="100px" height="100px"></img>`) let text=$(`<span>${now.text}</span>`) let temp=$(`<span>${now.temp}℃</span>`) $(".container>.line1").append(img).append(text).append(temp) let li1=$(`<li>风向<br>${now.windDir}</li>`) let li2=$(`<li>风力<br>${now.windScale}</li>`) let li3=$(`<li>湿度<br>${now.humidity}</li>`) let li4=$(`<li>气压<br>${now.pressure}</li>`) let li5=$(`<li>体感温度<br>${now.feelsLike}</li>`) let li6=$(`<li>云量<br>${now.cloud}</li>`) $(".container>ul").append(li1).append(li2).append(li3).append(li4).append(li5).append(li6) }) .catch(function (error) { console.log(error); }); });
时间: 2024-04-22 14:27:32 浏览: 20
这段代码使用了axios库向和风天气API发送GET请求,获取北京市的实时天气数据,并将其展示在页面上。其中使用了一些jQuery操作,如使用append方法将元素添加到DOM中。请注意,这里的天气图标是使用了本地的图片资源,而不是使用API返回的图标。如果要使用API返回的图标,需要根据API返回的数据动态生成对应的图标。
相关问题
Request failed with status code 404 AxiosError@webpack-internal:///./node_modules/axios/lib/core/AxiosError.js:23:18 settle@webpack-internal:///./node_modules/axios/lib/core/settle.js:24:12 onloadend@webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:106:66 EventHandlerNonNull*dispatchXhrRequest@webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:119:7 __webpack_exports__.default<@webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:57:10 dispatchRequest@webpack-internal:///./node_modules/axios/lib/core/dispatchRequest.js:53:10 request@webpack-internal:///./node_modules/axios/lib/core/Axios.js:136:77 forEachMethodNoData/Axios.prototype[method]@webpack-internal:///./node_modules/axios/lib/core/Axios.js:158:17 wrap@webpack-internal:///./node_modules/axios/lib/helpers/bind.js:9:15 getPostContent/<@webpack-internal:///./src/tools/FileManager.js:20:53
这个错误信息仍然是一个 404 错误,跟之前的错误类似。它的出现可能是由于你使用 Axios 进行网络请求时,请求的 URL 不正确或者请求的资源不存在。建议你检查请求的 URL 是否正确,如果 URL 正确,那么可能是服务器端的问题,你可以尝试联系服务器管理员解决这个问题。同时,错误信息中也提到了 `FileManager.js` 文件的第 20 行,你也可以检查一下这个文件是否有问题。
$(function () { axios .get("https://devapi.qweather.com/v7/weather/now", { params: { key: "8d6ff3227f094b17b2a9302c00fb52d7", location: "101110101" } }) .then(function (response) { console.log(response); let now=response.data.now let img =$(`< img src="./img/${101}.svg" width="100px" height="100px"></img>`) $(".container").append(img) }) .catch(function (error) { console.log(error); }); });
这段代码使用axios发送了一个GET请求到和风天气API,获取北京市(location: "101110101")的实时天气信息,并在控制台打印了响应数据。然后,将响应数据中的实时天气信息赋值给now变量,并创建了一个img标签来展示天气图标(这里的图标名字是101.svg),并将它添加到class为container的元素中。
需要注意的是,这段代码中的请求参数和响应数据都是按照和风天气API的接口文档来构造的,如果你需要获取其他城市的天气信息,可以按照接口文档中的说明来构造请求参数。同时,这里的图标名字是101.svg,你需要根据实际情况来修改。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)