如何做一个和手机QQ一样的天气预报

目录

IFrame调用

JS调用

APP调用方式

---

先看一下效果图, 支持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

官方网站

https://www.tianqiapi.com/

接口对接问题或样式定制, 请联系QQ: 445899710「备注天气api」