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);} });
注意空格是个坑