分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

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

发布时间:2023-09-06 02:35责任编辑:彭小芳关键词:暂无标签
<!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天天气预报代码示例

原文地址:https://www.cnblogs.com/ccjin/p/10588571.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved