一、免费API调用
一、免費API調用:
免費天氣api接口 JS調用示例
<!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>小時天氣</h3> <ul id="hours"></ul> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依賴 jQuery,所以必須放在前邊) --> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <!-- 加載 Bootstrap 的所有 JavaScript 插件。你也可以根據需要只加載單個插件。 --> <script>$.ajax({type: 'GET',url: 'https://www.tianqiapi.com/api/',data: 'version=v1&city=濟南',dataType: 'JSON',error: function () {alert('網絡錯誤');},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>');// 遍歷數組for (var i = 0; i < res.data[0].hours.length; i++) {$('#hours').append('<li>' + (i + 1) + ': 時間: ' + res.data[0].hours[i].day + ' 氣溫: ' + res.data[0].hours[i].tem + ' </li >');}}}); </script> </body> </html>?
轉載于:https://www.cnblogs.com/fger/p/11118521.html
總結
- 上一篇: Gauss elimination Te
- 下一篇: 两数之和-给定一个整数数组nums和一个