第十三届蓝桥杯 第7题【数据交互】天气预报查询

 复制可以直接使用  代码没什么 可以讲解的这道题有非常多的实现方法 

function getweather() {
    //TODO：请补充代码
    $.ajax({
        type: "get",
        dataType: "json",
        url: "js/weather.json",
        success: function (data) {
            var day = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]  //各个 id 
            var datas = data.result // 获得结果集
            var kid,grandson,g_son //孩儿们
            for(var i = 1 ;i<=datas.length ;i++){
                kid = $("#" + day[i-1]).children()
                grandson = kid[1].children
                g_son =grandson[3].children
                kid[0].src=datas[i-1].weather_icon//天气图标
                grandson[0].innerText = datas[i-1].wind//天气
                grandson[1].innerText = datas[i-1].temperature//温度
                grandson[2].innerText = datas[i-1].winp//风级
                g_son[0].innerText = datas[i-1].days//日期
                g_son[1].innerText = datas[i-1].week//星期几
            }
            
        }
    })
}

getweather();