使用 Ajax 获取天气预报的数据

最新推荐文章于 2025-06-12 12:09:50 发布

原创

最新推荐文章于 2025-06-12 12:09:50 发布 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

</table>
var ourXHR ;
function Sky(city) {
var uri = "http://wthrcdn.etouch.cn/weather_mini?city="+city;
ourXHR = null;
if(window.XMLHttpRequest){
ourXHR = new XMLHttpRequest();
}else if(window.ActiveXObject){
ourXHR = new ActiveXObject("Microsoft.XMLHTTP");
}else{
return "error: 该浏览器版本太低！！！";
}
ourXHR.open('GET',uri,true);
ourXHR.onreadystatechange = function () {
if (ourXHR.readyState==4&&ourXHR.status==200){
var weather = JSON.parse(ourXHR.responseText).data;
// 呈现数据
showWeather(weather);
}
};
ourXHR.send();
}

function showWeather(data) {
var city = data.city,
fiveDay = data.forecast,
weather = document.getElementById('weather');
var str = "<tr><th>日期</th><th>最高气温<