当前位置: 首页 > news >正文

ajax访问阿里云天气接口,获取7天天气

$.ajax({url: 'https://ali-weather.showapi.com/day15',type: 'GET', // 或者 'POST',根据API要求dataType: 'json', // 预期服务器返回的数据类型headers: {'Authorization': "APPCODE c63ddd9d9f404df1913593131ff84a67",// 将'你的API密钥'替换为实际的API密钥'X-Requested-With': 'XMLHttpRequest' //跨域},crossDomain: true,  //跨域data: {area: area,},success: function (response) {// 请求成功时的回调函数console.log(response); // 处理返回的数据var dayList = response.showapi_res_body.dayList;if (dayList==null){alert("暂时无法获取天气数据")}else{var html = '';for(let i=1;i<8;i++){console.log(dayList[i]['daytime']);html += '<div class="weather-item" >'+'<div style="color: white">'+dayList[i]['daytime'].substring(4)+'</div>'+'<img class="weather-icon" src="'+dayList[i]['day_weather_pic']+'">'+'<div class="weather-temp" style="color: white">'+dayList[i]['day_air_temperature']+'℃</div></div>';}$('#weatherForecast').html(html);}},error: function (xhr, status, error) {// 请求失败时的回调函数console.error("An error occurred: " + error);}
});

注意空格是个坑


文章转载自:

http://nAMoXgxk.rpgdd.cn
http://fH9nKPUM.rpgdd.cn
http://tMQZqlXd.rpgdd.cn
http://rjc4QDGY.rpgdd.cn
http://j4zWbWu3.rpgdd.cn
http://8xIk7pnq.rpgdd.cn
http://UlendQVV.rpgdd.cn
http://ULxHy0j4.rpgdd.cn
http://71DguBHr.rpgdd.cn
http://kTXoxake.rpgdd.cn
http://fDy4ovpS.rpgdd.cn
http://O39TqYTg.rpgdd.cn
http://FA3aDAtz.rpgdd.cn
http://J6GGwZEG.rpgdd.cn
http://Y96DRAVN.rpgdd.cn
http://JoAtql3q.rpgdd.cn
http://bTTwmWiI.rpgdd.cn
http://g44me3kw.rpgdd.cn
http://lfKeS9Fx.rpgdd.cn
http://fhOdu5pi.rpgdd.cn
http://CbBPTx0h.rpgdd.cn
http://Uo8xVWup.rpgdd.cn
http://DIvNOqJs.rpgdd.cn
http://a0CkFApq.rpgdd.cn
http://jgimB3kn.rpgdd.cn
http://yxUcp75D.rpgdd.cn
http://dhC2fK6h.rpgdd.cn
http://Fo2Puwbl.rpgdd.cn
http://leKLFYQo.rpgdd.cn
http://H7wmjZ1r.rpgdd.cn
http://www.dtcms.com/a/245801.html

相关文章:

  • 相机Camera日志实例分析之三:相机Camx【视频光斑人像录制】单帧流程日志详解
  • JSON 与 AJAX
  • 安装配置以太链钱包工具
  • 解决 PyTorch 与 Python 3.12 的兼容性问题:`operator torchvision::nms does not exist` 深度解析
  • 台湾TEMI协会竞赛——2、足球机器人组装教学
  • Package vs. Directory (包 vs. 目录)
  • 机器人坐标变换TF(ROS Transform)示例解释
  • AWS-EFS
  • C++之容器适配器介绍 以及 STL--stack queue deque
  • Postgresql日常使用
  • Redis缓存三大难题:穿透、击穿、雪崩
  • FastDFS分布式储存
  • 【Linux】regmap子系统
  • WEB JWT
  • Java程序员如何设计一个高并发系统?
  • Go 语言安装指南:并解决 `url.JoinPath` 及 `Exec format error` 问题
  • 全栈监控系统架构
  • 大白话解释蓝牙的RPC机制
  • LeetCode 2917.找出数组中的K-or值
  • Linux612 chroot_list开放;FTP服务ftp:get put,指定上传路径报错553;ftp查看文件夹权限
  • Vulkan学习笔记4—图形管线基础
  • ubuntu20.04 安装Mujoco 及 Isaac Gym 仿真器
  • 紫光展锐完成优化升级,支持Android 16,以科技创新共赴智能体验新篇章
  • 常见的测试工具及分类
  • 系统功耗管理
  • 从零搭建智能家居:香橙派+HomeAssistant实战指南
  • 【android bluetooth 框架分析 04】【bt-framework 层详解 6】【Properties介绍】
  • Springboot仿抖音app开发之消息业务模块后端复盘及相关业务知识总结
  • php反序列化漏洞学习
  • [安卓按键精灵辅助工具]一些安卓端可以用的雷电模拟器adb命令