js 调用天气api ajax,JS调用示例

### 免费天气api接口 JS调用示例

~~~

天气API

天气

小时天气

$.ajax({

type: 'GET',

url: 'https://www.tianqiapi.com/api/',

data: 'version=v1&city=济南&appid=23035354&appsecret=8YvlPNrz',

dataType: 'JSON',

error: function () {

alert('网络错误');

},

success: function (res) {

$('#box').append('

City: ' + res.city + '');

$('#box').append('

Weather: ' + res.data[0].wea + '');

$('#box').append('

Tips: ' + res.data[0].air_tips + '');

// 遍历数组

for (var i = 0; i < res.data[0].hours.length; i++) {

$('#hours').append('

' + (i + 1) + ': 时间: ' + res.data[0].hours[i].day + ' 气温: ' + res.data[0].hours[i].tem + ' ');

}

}

});

~~~