目录
先看一下效果图, 支持H5和APP接口调用
IFrame调用
如果您是H5网页, 可以使用iframe引入天气代码
<iframe scrolling="no" src="https://www.tianqiapi.com/js/1001.php" frameborder="0" width="100%" height="30" allowtransparency="true"></iframe>
JS调用
也可以使用JS引入天气预报 (复制下面代码到网页可以直接显示天气预报)
<!--【济南】晴 9°/21°,8:00更新~-->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script>
$.ajax({
type: 'GET',
url: 'https://www.tianqiapi.com/api/',
data: 'version=v1&style=1001&city=',
dataType: 'JSON',
error: function () {
alert('网络错误');
},
success: function (res) {
uptime = res.update_time.substring(11);
uptime = uptime.substring(0,uptime.length-3);
$('body').append('【' + res.city + '】' + res.data[0].wea + ' ' + res.data[0].tem1 + '/' + res.data[0].tem2 + ',' + uptime + '更新~');
}
});
</script>
APP调用方式
接口提交地址:
https://www.tianqiapi.com/api/
参数
version | 版本标识, 必填, 值: v1 |
cityid | 城市编号 |
city | 城市名称,不要带市和区 |
ip | IP地址 |
声明: 接口没有调用次数、频率和IP限制, 数据同步中国天气网, 永久免费, 请放心使用!
看云文档地址
http://doc.tianqiapi.com/603579
官方网站
接口对接问题或样式定制, 请联系QQ: 445899710「备注天气api」