生活随笔
收集整理的這篇文章主要介紹了
一、免费API调用
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一、免費(fèi)API調(diào)用：
免費(fèi)天氣api接口 JS調(diào)用示例
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>天氣API</title>
</head>
<body>
<h3>天氣</h3>
<ul id="box"></ul>
<h3>小時(shí)天氣</h3>
<ul id="hours"></ul>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依賴(lài) jQuery，所以必須放在前邊) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 加載 Bootstrap 的所有 JavaScript 插件。你也可以根據(jù)需要只加載單個(gè)插件。 -->
<script>
$.ajax({
type: 'GET',
url: 'https://www.tianqiapi.com/api/',
data: 'version=v1&city=濟(jì)南',
dataType: 'JSON',
error: function () {
alert('網(wǎng)絡(luò)錯(cuò)誤');
},
success: function (res) {
$('#box').append('<li>City: ' + res.city + '</li>');
$('#box').append('<li>Weather: ' + res.data[0].wea + '</li>');
$('#box').append('<li>Tips: ' + res.data[0].air_tips + '</li>');
// 遍歷數(shù)組
for (var i = 0; i < res.data[0].hours.length; i++) {
$('#hours').append('<li>' + (i + 1) + ': 時(shí)間: ' + res.data[0].hours[i].day + ' 氣溫: ' + res.data[0].hours[i].tem + ' </li >');
}
}
});
</script>
</body>
</html>
總結(jié)
以上是生活随笔為你收集整理的一、免费API调用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
