在我们开发Web项目过程中，经常会碰到某些页面需要显示一下当地的城市天气，这里面涉及到两个问题：
- 根据客户端IP获取所在城市
- 根据城市得到天气预报（中央气象局天气预报信息）
动手开始做吧，后台代码当然是调用WebService了，前台页面代码很简单，如下：
<script>
window.dome = function(json){
document.getElementById("ttt").innerHTML = "今日天气：<b>"+json.t+"("+json.t_result+")</b>，<br/>" +
"明日天气：<b>"+json.t2+"("+json.t2_result+")</b>，<br/>"+
"后天天气：<b>"+json.t3+"("+json.t3_result+")</b>，<br/>";
var str = "";
for(var i=0;i<json.zhishu.length;i++){
str += json.zhishu[i].name + ":" + json.zhishu[i].value+"<br/>";
}
document.getElementById("zhishu").innerHTML = str;
}
function getW()
{
var c = document.getElementById("mycity").value;
document.getElementById("faqee_weather_script").src = "http://.................../w.js?id=tt&encode=UTF-8&city="+c+"&callback=window.dome";
FaqeeWeatherService.init();
}
</script>
</head>
<body>
输入城市名称（保留空则按IP读取城市信息）：<input type="text" id="mycity" /><button onclick="getW()">获取城市天气</button>
<br/>
<span id="ttt"></span>
天气指数：
<div id="zhishu"></div>
<script id="faqee_weather_script" src="http://.............../weather/w.js?id=tt&encode=UTF-8&city=宁波&callback=window.dome"></script>
最终效果如下：
- 大小: 56.9 KB
分享到：
相关推荐
### 中国天气网城市代码（json格式）：深入解析与应用 #### 一、知识点概述 在本知识点中，我们将深入了解“中国天气网城市代码”这一主题，它以JSON（JavaScript Object Notation）格式提供了中国各城市对应的...
8. **适应性**：由于描述提到城市天气code表中的代码是通用的，这意味着无论使用哪个天气API服务，只要知道正确的code，都可以获取到相应的天气信息。这对于跨平台或更换天气服务的项目来说非常实用。 9. **数据...
4. **数据解析**：获取到的天气数据通常是JSON或XML格式，源代码需要解析这些数据结构，将其转换为易于在网页上展示的格式。例如，使用JavaScript库如jQuery或Python的json模块进行解析。 5. **前端交互设计**：...
【Android 天气预报源代码实现】 在 Android 开发中，获取天气预报信息是一个常见的需求。本示例展示了如何利用 Google ...开发者可以根据自己的需求对代码进行扩展和优化，例如增加缓存机制、支持多城市天气预报等。
综上所述，Rainmeter 城市代码是帮助用户在 Rainmeter 软件中获取和展示特定城市天气信息的关键。通过这些独特的编码系统，用户可以将自己关心的城市天气情况以个性化的形式呈现在电脑桌面上。正确地使用城市代码，...
C++是一种强大的、通用的编程语言，它提供了面向对象的编程特性，使得代码组织和复用变得更加高效。在构建天气预报系统时，我们可能会用到以下C++的关键概念： 1. **文件I/O操作**：为了获取天气数据，我们需要与...
8. **代码组织**：项目的文件结构可能如下：`weather.py`包含了爬虫的主要逻辑，`data`可能是一个包含天气数据的子目录，而`common`可能包含了一些通用的辅助函数或配置文件。 通过以上步骤，我们可以实现一个根据...
【标题】"基于百度地图的天气查询组件"指的是一个利用百度地图API开发的程序，能够实时获取并展示特定地点的天气信息。这个组件通常用于网页或应用中，为用户提供便捷的天气查询服务。 【描述】"基于百度地图的天气...
在我们的天气预报程序中，可能需要从网络API获取JSON格式的天气数据，然后使用JsonCpp解析这些数据，提取出如温度、湿度、风速等关键信息。 接下来是sqlite，这是一个轻量级的嵌入式SQL数据库引擎。在我们的示例中...
获取城市天气预报2.在线给好友或自己发送飞信3.调用飞信api接口4.定时发送天气预报[可群发]php飞信每日自动天气预报优点1.不用购买独立空间/服务器,不用购买独立域名 直接申请sina_SAE空间即可2.所有代码开源.下载,...
首先，我们需要理解天气预报的实时性依赖于获取最新的气象数据。通常，我们可以从各种公开的天气API获取这些信息，例如OpenWeatherMap、Weather Underground等。这些API提供了城市的温度、湿度、风速、气压等实时或...
这个源码库可能包含了实现城市天气查询、显示以及更新功能的关键组件。以下是一些基于提供的标签和资源名称所涉及的核心知识点： 1. **Android开发**：Android是一个开源的操作系统，主要应用于移动设备，如智能...
“Citycode.jc”和“QQ天气预报的城市代码.txt”文件很可能是城市代码库，用于匹配用户输入的城市名和服务器上的天气数据。这些代码库通常包含了全国乃至全球各大城市的编码，使得程序能够正确地找到对应城市的天气...
1.获取城市天气预报 2.在线给好友或自己发送飞信 3.调用飞信api接口 4.定时发送天气预报[可群发] 版本更新:http://xiaogg.ctdisk.com/u/349707/437278 官方主页:http://3.ibtf.sinaapp.com/ 新浪SAE免费php空间申请...
同时，它提到了“当前城市”，这意味着该小程序可以自动定位或允许用户手动选择所在城市，获取相应的天气信息。“今日实况天气”意味着显示当天的实时温度、湿度、风向风力等具体气象条件，为用户提供即时的气象资讯...
本示例中，我们可能使用了一个公开的天气查询WebService，该服务提供了获取特定城市天气信息的接口。开发者可以通过发送一个SOAP请求，包含城市名称作为参数，来获取对应的天气预报。 【创建WebService客户端】 ...
在 "weather-uni-app" 中，Vue.js 的组件化特性被充分利用，将界面拆分成多个独立的、可复用的组件，如天气展示组件、城市选择组件等。每个组件都有自己的数据、方法和生命周期，这使得代码结构清晰，易于维护。 ...
4. 多城市切换：用户可以添加多个城市并自由切换查看不同地区的天气。 5. 警告提示：在恶劣天气条件下，向用户提供警告信息。 【开发环境配置】 要运行和修改此项目，开发者需要安装Node.js，设置好npm环境，并...
STM32训练-WiFi模块系列的第二篇教程聚焦于如何使用STM32微控制器驱动ESP8266 WiFi模块来获取实时天气信息。在这个项目中，我们将深入了解STM32与ESP8266的通信协议，以及如何通过网络接口获取网络数据，特别是天气...