JS获取7天, 15天, 40天天气预报代码示例

Posted 2021-02-14 ccjin

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS获取7天, 15天, 40天天气预报代码示例相关的知识，希望对你有一定的参考价值。

<!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 - tianqiapi.com</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            text-align: left;
            color: #808080;
            font-size: 14px;
            padding-top: 0px;
            padding-left: 0px;
        }
    </style>
</head>
<body>
<!--【济南】晴 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&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>
</body>
</html>

代码保存为HTML, 直接运行就可以看到效果了, 默认展示当前城市天气

默认获取7天, 不需要appid和appsecret, 没有调用次数、频率和IP限制, 请放心使用!

接口调用，就是这么简单!
curl "https://www.tianqiapi.com/api/?version=v1"

以上是关于JS获取7天, 15天, 40天天气预报代码示例的主要内容，如果未能解决你的问题，请参考以下文章

微信公众号怎么接入天气预报的接口？求大神帮助