调用接口进行天气预报

最新推荐文章于 2024-06-17 14:51:46 发布
最新推荐文章于 2024-06-17 14:51:46 发布
阅读量1k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36030440/article/details/52643477
版权
前台查询页面 
<meta charset="utf-8" />
<header>
	<script type="application/javascript" src="jquery-1.8.2.min.js"></script>
</header>
<body>
<div align="center">
	<h2>天气预报</h2>
	<input type="text" name="city" value="" class="city">
	<input type="button" value="查询" class="btn">
</div>
<div class="k" align="center">
	<!--<p>城市：<span></span></p>-->
	<!--<p>日期：<span></span></p>-->
	<!--<p>天气：<span></span></p>-->
	<!--<p>气温：<span></span></p>-->
</div>


</body>
<script>
    $(function(){
        $(".btn").click(function(){
            var city=$(".city").val();
            $.ajax({
                type: "GET",
                url: "tqyb.php",
                data: {city:city},
                dataType:"json",
                success: function(data){
                    $(".k").html(data);
                }
            });
        });
    });
</script>
后台接口页面 
<?php
header("content-type:text/html;charset=utf-8");
$city=$_GET["city"];

$url = "http://api.k780.com:88/?app=weather.future&weaid=".$city."&&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json";

$str=file_get_contents($url);
$temp="";
//$obj=simplexml_load_string($str);
//echo $obj->result->item_0->week;
//var_dump($data["result"]);
/*
 * json格式
 */
//转化为数组
$data=json_decode($str,true);
//var_dump($data);die;
$temp.="<h4>未来一周天气</h4>";
foreach($data["result"] as $k=>$v){
        $temp.='<div style="float: left;margin-left: 50px;">';
        $temp.="<p>城市：<span>".$v["citynm"]."</span></p>";
        $temp.='<p>日期：<span>'.$v["week"].'</span></p>';
        $temp.='<p>天气：<span>'.$v["weather"].'</span></p>';
        $temp.='<p>气温：<span>'.$v["temperature"].'</span></p>';
        $temp.='</div>';
}
echo json_encode($temp);


逗比吃橙子
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS,jquery调用天气预报api接口
01-16
本教程将详细讲解如何利用jQuery的AJAX功能调用天气预报API接口，以获取并展示实时天气信息。 首先，我们需要理解什么是API。API（Application Programming Interface）是应用程序接口，它允许不同的软件应用之间...
全国天气预报查询接口
showapi的博客
08-09 5811
通过地名、地名对应ID、坐标区域、IP地址、景点名称ID、电话区号或邮编来查询天气情况。可查询到当前天气、未来24小时天气、未来7天、15天、40天内的天气及历史天气数据。广泛应用于能源、电力、农业、生活服务类应用、智能硬件、航天航海、旅游业、建筑业等领域。...
实时天气api, API接口调用实况天气 2019
weixin_41905537的博客
05-15 3510
接口没有调用次数、频率和IP限制, 也不需要注册key API地址 https://www.tianqiapi.com/api/ 参数 类型 必填 备注 version String 是 接口标识, 固定值: v6 cityid String 否 城市ID, 请参考 城市ID列表 city String 否 城市名称, 不要带市和区; 如: 青岛, 微山 ip Str...
一文了解多语言API开发，免费天气预报查询接口使用示例
最新发布
nbplus_007的博客
06-17 1333
免费天气预报 API 接口1、根据城市名或城市代码查询天气预报:可以传入城市名称或城市代码,返回该城市未来几天的天气预报信息2、根据经纬度查询天气预报:传入经度和纬度坐标,返回该地点未来几天的天气预报信息。3、查询实时天气:返回一个地点当前时刻的天气状态4、查询天气预报详情:可以查询天气预报的详细信息。
获取天气
ZZH的博客
07-11 1218
下面是一些可用的接口 1.https://www.tianqiapi.com/api/?version=v6&&city=杭州 2.http://api.help.bj.cn/apis/weather36h/?id=杭州 http://api.help.bj.cn/api/ 3.http://api.k780.com:88/?app=weather.history&we...
【C# WPF 实用工具】天气
weixin_46445033的博客
03-31 449
实用工具 - 天气。
实时天气api, API接口调用实况天气
weixin_30763397的博客
03-26 1374
接口没有调用次数、频率和IP限制, 也不需要注册key API地址 https://www.tianqiapi.com/api/ GET参数 参数类型必填备注 version String 是 接口标识, 固定值:v6 cityid String 否 城市ID, 请参考城市ID列表 city String 否 城市名...
天气预报接口调用例子
08-17
在这个例子中，我们将探讨如何使用C#语言调用一个天气预报接口，从而获取中国各城市的天气信息。 首先，让我们了解什么是接口。接口在编程中是一种定义了特定功能的协议，它规定了类或对象必须实现的方法和属性。在...
用Java实现全国天气预报的api接口调用示例
09-01
3. **查阅文档**：为了正确调用接口，你需要阅读API文档，理解接口的输入参数、返回格式以及错误处理。幸运的是，聚合数据的文档是中文的，方便理解和使用。 4. **理解接口参数**：全国天气预报接口通常需要城市名...
jQuery天气预报API查询特效代码
03-20
这个API查询代码的核心是通过与天气预报服务提供商的接口进行通信，获取到指定地点的天气数据，并以动态、可视化的形式展示给用户。 首先，我们需要了解jQuery。jQuery是一个高效、易用的JavaScript库，它简化了...
webservice接口调用天气预报例程
12-23
在本文中，我们将深入探讨如何使用C# Winform应用程序调用公开的天气预报Web服务接口。对于初学者来说，这是一个很好的实践项目，可以帮助理解Web服务的使用以及如何将它们集成到桌面应用程序中。如果你对这个主题...
天气预报 接口地址,提供天气预报的调用显示
05-07
天气预报 接口地址,提供天气预报的调用显示
用WPF通过获取天气小软件简单介绍三层架构
10-26
用WPF通过获取全国天气简单介绍三层架构 ， 天气通过webAPI获取
2020最新免费气象API调用，还不快来收藏一波！
Java觉浅的博客
05-25 1149
一、背景 最近博主遇到项目要调用气象数据，包括实时气象数据和7天预报气象数据，网上找了很多博客，要么接口年代久远，已经不能用，要么需要收费。收费是不可能收费的，博主白嫖多年不能低头。经过很久的查找翻阅，今天给大家带来几个免费气象调用接口，总有一款适合你！ 二、免费气象接口 1. http://t.weather.sojson.com/api/weather/city/101040100（101040100是城市代码，下同，不同城市代码自己百度，哈哈） * 优点：更新...
最好的 6 个免费天气 API 接口对比测评
热门推荐
蒋川@卡拉云
12-31 2万+
天气 API包含丰富的天气数据，不仅有实时温度、湿度、风速、降水等这些基础数据，还有过去的历史天气数据和未来的天气预测数据，**顶级的天气 API 接口**还会包括天气灾害预警，空气质量指数，日出日落、潮汐及月相相关的天文气象等数据。**天气 API 也并不难获得，本教程将介绍 6 款国内外免费的天气 API，并手把手教你搭建一套属于自己的天气数据看板。**
python获取天气api的数据(get方法)
YuAlisa的博客
12-11 1533
python获取天气api的数据 1.使用免费的天气api网站 https://tianqiapi.com（需注册） 2.学习来源：https://www.imooc.com/learn/738 3.参考文章：https://www.cnblogs.com/super-lebron/p/12826257.html # -*- coding: UTF-8 -*- from urllib.parse import urlencode #from urllib.parse import parse_qs
WPF.NET6项目—调用OpenweatherMap API获取指定城市的天气，温度等数据
qq_30083165的博客
06-20 515
首先，您需要选择一个提供天气数据的 API，并获取相应的 API 密钥。然后，您需要在代码文件中处理按钮点击事件，并调用天气 API 来获取天气数据。接下来，您需要在项目中添加一个用于显示天气信息的界面。要获取指定城市的天气，您可以使用 WPF 和 C# 结合使用，通过调用天气数据的 API 来获取天气信息。以下是一个简单的示例，演示如何使用 WPF 和 C# 获取指定城市的天气。请注意，您需要将上述代码中的 YOUR_API_KEY 替换为您从天气 API 获得的实例。
调用天气预报接口
qq_45308912的博客
05-07 1000
方案一： 浏览器由于安全的限制，不允许跨域访问。但是PHP服务器是允许的。我们可以通过使用PHP文件做代理，通过PHP来调用接口。 详细接口分析可参看：http://www.cnblogs.com/wangjingblogs/p/3192953.html 返回...
手把手教你调用接口写个天气预报
weixin_42699636的博客
06-14 2003
前言 作为前端开发人员，学过前后端交互的Ajax之后，来找个调用网上免费api 的项目做做、练练手吧！ 让你的作品美观的同时实现有趣又实用的功能！ 所用api 天气 http://wthrcdn.etouch.cn/weather_mini?city=城市名称 获取当前ip http://pv.sohu.com/cityjson?ie=utf-8 根据ip获取所在城市 http://api.map.baidu.com/location/ip?ak=“你的百度ak”&ip=${ip}&a
Android通过Google接口实现天气预报
"这篇资源主要介绍了如何在Android平台上利用Google接口来实现天气预报功能，包括根据经纬度查询和根据城市名称查询两种方式。" 在Android应用开发中，获取天气信息是一项常见的需求。本示例中，开发者可以使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值