C# 结合 Javascript 测试获取天气信息
测试效果
获取一些简单的天气信息，可以丰富我们的应用系统，比如开发一个小桌面，小组件，增加一些实用性的系统功能，本文将介绍如何使用 C# 并结合 JavaScript 获取天气信息，获取的数据来源于 360 浏览器首页数据，成功的测试效果如下图：
实现这样的效果主要通过如下步骤：
1、通过C#服务端获360欢迎页网页数据。
2、通过JavaScript 截取天气数据片段。
3、通过截取的天气数据片段，放置需要显示的 DOM 容器当中。
范例运行环境
操作系统： Windows Server 2019 DataCenter
.net版本： .netFramework4.7.1 或以上
开发工具：VS2019 C#
关键代码
C#获取网页数据
获取远程地址需要使用到关键方法 GetResponseResult ，具体可以参考我的文章
《C# 实现访问 Web API Url 提交数据并获取处理结果》
关键代码如下：
<%@ Page Language="C#" AutoEventWireup="true" ValidateRequest="FALSE" %>
<script language="C#" runat="server">
void Page_load(Object sender, EventArgs e)
{
if (Page.IsPostBack) { return; }
WebService ws = new WebService();
string rv = ws.GetResponseResult("https://hao.360.com/?a1004", Encoding.UTF8, "GET", "");
_rv.Text = rv;
}
</script>访问的关键 URL 地址为 https://hao.360.com/?a1004 ，获取到的网页数据将存储到 rv 字符串变量里。
前端代码
前端代码主要放置了 today (今天) 和 tomorrow （明天） 的 DIV 容器，另外 id 为 “_rv” 的 Label 控件接受服务返回的远程网页数据。另外，网页背景设置为透明色，以方便嵌入到其它网页应用中。
代码如下：
<html>
<head>
<style type="text/css" >
span
{
color:Silver;
text-shadow:1px 1px 1px #000;
}
em
{
color:Silver;
text-shadow:1px 1px 1px #000;
background-color:#4169E1;
padding:2px;
}
</style>
</head>
<body style="background-color:transparent">
<form runat="server">
<asp:label ID="_rv" style="display:none" runat="server"></asp:label>
<div id="Div1" style="display:flex;width:170px;align-items:center">
<div id="today" style="display:flex;width:50%;align-items:flex-end"></div>
<div id="tomorrow" style="display:flex;width:50%;align-items:flex-end"></div>
</div>
</form>
</body>
</html>JavaScript 实现
结合 JS 计算获取的 DOM 对象，分析代码并截取需要的天气信息，放置到前端容器中进行显示，代码如下：
<script language="javascript">
window.onload = function () {
document.getElementById('weather-change').click();
window.setTimeout(function () {
document.getElementById('weather-prov').length = 0;
document.getElementById('weather-city').length = 0;
document.getElementById('weather-town').length = 0;
var newOption = new Option("天津", "03");
document.getElementById('weather-prov').appendChild(newOption);
var newOption = new Option("天津", "0103");
document.getElementById('weather-city').appendChild(newOption);
var newOption = new Option("天津", "101030100");
document.getElementById('weather-town').appendChild(newOption);
document.querySelector("[class*='done v2']").click();
window.setTimeout(function () {
document.getElementById('today').innerHTML = document.querySelector(".weathertoday").innerHTML;
document.getElementById('tomorrow').innerHTML = document.querySelector(".weathertomorrow").innerHTML;
window.parent.document.getElementById('desktoploading').style.display = 'none';
}, 1000);
}, 3000);
}
</script>总结
JavaScript 代码中显示的为指定城市的信息和今明两天简要信息，我们可以继续分析 DOM 对象来获取更多想要的信息，代码在窗口加载完成后使用了模拟点击和延时获取数据信息的方法，以提升获取信息的成功率。
代码这里仅供测试使用，欢迎大家评论指教！
到此这篇关于C# 结合 Javascript 测试获取天气信息的文章就介绍到这了,更多相关C# 获取天气信息内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
本文将通过实例解析对c# 委托进行详细介绍，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
今天弄了一下c#的钩子，没弄好,但是钩子安装成功,可以捕获键盘事件。2011-04-04
这篇文章主要为大家详细介绍了C#实现异步的几个常用方式，文中的示例代码讲解详细，具有一定的学习价值，感兴趣的小伙伴可以了解一下2023-05-05
这篇文章主要介绍了C#读取文本文件到listbox组件的方法,涉及C#操作文本文件及listbox组件的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
C#中Web.Config加密与解密的方法，需要的朋友可以参考一下2013-04-04
这篇文章主要介绍了c#实现万年历的方法，可以显示农历、节气、节日、星座、星宿、属相、生肖、闰年月、时辰,大家参考使用吧2014-01-01
在C# .NET中使用RabbitMQ实现发布/订阅模式的方法
RabbitMQ是一个开源消息代理,它允许应用程序通过交换器向队列发送消息,从而实现应用程序之间的异步通信,RabbitMQ的一种常见消息传递模式是发布/订阅 ,它允许将消息广播给多个接收者,在本文中,我们将探讨如何在 .NET中使用RabbitMQ实现发布/订阅模式2025-10-10
C#将DataGridView中的数据保存到CSV和Excel中
这篇文章介绍了C#将DataGridView中的数据保存到CSV和Excel中的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
这篇文章主要介绍了c# Newtonsoft.Json 常用方法的相关资料,帮助大家更好的理解和学习使用c#，感兴趣的朋友可以了解下2021-02-02
本文详细讲解了C#中的数组用法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
最新评论