.net请求Webservice简单实现天气预报功能
很久没有接触Webservice的知识，今天稍微复习了一下关于webservice，简单做了一个天气预报的功能，虽然界面丑的厉害，但功能算是实现了，以下是效果展示。
这东西没什么难点，只是天气预报的功能在网站类的开发中会经常用到，所以就简单写下，以便以后查阅。
1.新建一个网站或者web应用程序，添加一个aspx页面，用于展示天气数据。（这个应该不用细讲吧）
2.在网上找一个免费的天气预报的接口，我用的是Webxml网站的，地址如下:
http://webservice.webxml.com.cn/WebServices/WeatherWS.asmx
3.在项目目录下， 引用 — 添加服务引用，弹出对话框，然后输入接口地址，点击前往，命名空间可以改成你想要的，如下图：
4.确定，至此，天气接口服务就已经完成了，接下来就是Coding了。
部分前台js界面代码：
//省份
function LoadProvince() {
$.ajax({
type: "POST",
url: "ashx/weatherHandler.ashx",
data: "option=province",
success: function (result) {
$(".sel-province option").remove();
var arry = result.split('|');
var obj = null;
for (var i = 0; i < arry.length; i++) {
if (arry[i] != null && arry[i] != "") {
obj = arry[i].split(',');
$(".sel-province").append("<option value='" + obj[1] + "'>" + obj[0] + "</option>");
}
}
$(".sel-province").find("option[text='北京']").attr("selected", "selected");
},
error: function (errorMsg) {
$(".result-table tr").remove();
$(".result-table").append("<tr><td>省份请求出现错误，请您稍后重试。。。</td></tr>");
}
});
}
//城市
function LoadCity(provinceid) {
$.ajax({
type: "POST",
url: "ashx/weatherHandler.ashx",
data: "provinceid=" + provinceid + "&option=city",
success: function (result) {
$(".sel-city option").remove();
var arry = result.split('|');
var obj = null;
for (var i = 0; i < arry.length; i++) {
if (arry[i] != null && arry[i] != "") {
obj = arry[i].split(',');
$(".sel-city").append("<option value='" + obj[1] + "'>" + obj[0] + "</option>");
}
}
},
error: function (errorMsg) {
$(".result-table tr").remove();
$(".result-table").append("<tr><td>城市请求出现错误，请您稍后重试。。。</td></tr>");
}
});
}
//加载天气
function GetWeather(cityid) {
$.ajax({
type: "POST",
url: "ashx/weatherHandler.ashx",
data: "cityid=" + cityid + "&option=weather",
success: function (result) {
$(".result-table tr").remove();
var arry = result.split('|');
var obj = null;
for (var i = 0; i < arry.length; i++) {
if (arry[i] != null && arry[i] != "") {
if (arry[i].indexOf(".gif") > 0) {
$(".result-table").append("<tr><td><image src='images/" + arry[i] + "'/></td></tr>");
}
else {
$(".result-table").append("<tr><td>" + arry[i] + "</td></tr>");
}
}
}
},
error: function (errorMsg) {
$(".result-table tr").remove();
$(".result-table").append("<tr><td>天气数据请求出现错误，请您稍后重试。。。</td></tr>");
}
});
}
html代码：
<body>
<form id="form1" runat="server">
<div class="head-div">
<table>
<tr>
<td>
<select class="sel-province sel">
</select>
</td>
<td>
<select class="sel-city sel">
</select>
</td>
<td>
<input type="button" class="btn-search" value="查询" />
</td>
</tr>
</table>
</div>
<div class="result-div">
<table class="result-table">
</table>
</div>
</form>
</body>
由于js不支持跨域，要不当初直接ajax请求天气接口就完事了，现在处理方式是：ajax+ashx一般处理程序（在里面调用天气接口）。
一般处理程序代码如下：
using System.Web;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Text; namespace WeatherTest.ashx
{
/// <summary>
/// weatherHandler 的摘要说明
/// </summary>
public class weatherHandler : IHttpHandler
{
WeatherWsClient.WeatherWSSoapClient client = new WeatherWsClient.WeatherWSSoapClient();
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string[] result = null;
string option = context.Request.Form["option"];
switch (option)
{
case "province":
result = GetProvinces();
break;
case "city":
result = GetCitys(context.Request.Form["provinceid"]);
break;
case "weather":
result = GetWeather(context.Request.Form["cityid"], null);
break;
}
string str = ConvertToString(result, option); context.Response.Write(str);
}
/// <summary>
/// 数组转字符串
/// </summary>
/// <param name="result"></param>
/// <param name="option"></param>
/// <returns></returns>
private string ConvertToString(string[] result, string option)
{
StringBuilder sb = new StringBuilder();
foreach (string item in result)
{
sb.Append(item+"|");
}
return sb.ToString();
} /// <summary>
/// 省份
/// </summary>
/// <returns></returns>
private string[] GetProvinces()
{
return client.getRegionProvince();
}
/// <summary>
/// 城市
/// </summary>
/// <param name="provinceid"></param>
/// <returns></returns>
private string[] GetCitys(string provinceid)
{
return client.getSupportCityString(provinceid);
}
/// <summary>
/// 天气数据
/// </summary>
/// <param name="cityid"></param>
/// <param name="userid"></param>
/// <returns></returns>
private string[] GetWeather(string cityid, string userid)
{
return client.getWeather(cityid, userid);
} public bool IsReusable
{
get
{
return false;
}
}
}
}
至此，前后台代码就已经完毕了，顺便说句，由于写的比较简单，路过的大神不喜勿喷，谢谢。
.net请求Webservice简单实现天气预报功能的更多相关文章
- 【AS3 Coder】任务七：初涉PureMVC——天气预报功能实现
转自:http://www.iamsevent.com/post/36.html AS3 Coder]任务七:初涉PureMVC——天气预报功能实现 使用框架:AS3任务描述:了解PureMVC框架使 ...
- Unity3d请求webservice
我们在对接第三方sdk时,第三方sdk通常会以一个webservice接口的形式供我们来调用.而这些接口会以提供我们get,post,soap等协议来进行访问.get,post方法相信大家都比较熟悉了 ...
- ASP.NET MVC 学习4、Controller中添加SearchIndex页面，实现简单的查询功能
参考:http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/examining-the-edit-method ...
- Web---创建Servlet的3种方式、简单的用户注册功能
说明: 创建Servlet的方式,在上篇博客中,已经用了方式1(实现Servlet接口),接下来本节讲的是另外2种方式. 上篇博客地址:http://blog.csdn.net/qq_26525215 ...
- Ajax实现天气预报功能
实现天气预报功能 闲来无聊,写下此文 经常看见很多网站上有那种天气预报功能,自己之前也写过一个,不过属于那种涉及WCF服务引用那种,今天发现一个更为简单的方式来实现,使用Javascript和Ajax ...
- Spring 学习——基于Spring WebSocket 和STOMP实现简单的聊天功能
本篇主要讲解如何使用Spring websocket 和STOMP搭建一个简单的聊天功能项目,里面使用到的技术,如websocket和STOMP等会简单介绍,不会太深,如果对相关介绍不是很了解的,请自 ...
- Django文件上传三种方式以及简单预览功能
主要内容: 一.文件长传的三种方式 二.简单预览功能实现 一.form表单上传 1.页面代码 <!DOCTYPE html> <html lang="en"> ...
- 使用 CXF 做 webservice 简单例子(转载)
使用 CXF 做 webservice 简单例子 Apache CXF 是一个开放源代码框架,提供了用于方便地构建和开发 Web 服务的可靠基础架构.它允许创建高性能和可扩展的服务,您可以将这 ...
- webserive学习记录6-页面请求webservice
前面都是通过JAVA代码访问webservice服务,下面将介绍通过javascript,jquery访问webservice服务并介绍过过servlet解决跨域问题的方法. 服务端 编写服务代码,解 ...
随机推荐
- 图解集合3：CopyOnWriteArrayList
初识CopyOnWriteArrayList 第一次见到CopyOnWriteArrayList,是在研究JDBC的时候,每一个数据库的Driver都是维护在一个CopyOnWriteArrayLis ...
- 【案例分享】SQL job服务连接不到存储引擎
在SQL Server agent的日志中发现有大量错误的信息,都是关于作业执行失败的日志 从日志的内容来看,是作业执行过程中无法连接到存储引擎, 可奇怪的是,存储引擎就是本机,而且已经正常启动了,截 ...
- [nRF51822] 5、 霸屏了——详解nRF51 SDK中的GPIOTE（从GPIO电平变化到产生中断事件的流程详解）
:由于在大多数情况下GPIO的状态变化都会触发应用程序执行一些动作.为了方便nRF51官方把该流程封装成了GPIOTE,全称:The GPIO Tasks and Events (GPIOTE) . ...
- KindEditor编辑器For DotNet控件
KindEditor很不错,刚接触不久,非常喜欢.KindEditor网站有ForPHP等扩展的,没有ForNet的. 我是搞.net开发的,就用它简单封装了一个控件,拖过来即可使用,使用更加简单.源 ...
- Elasticsearch推荐插件篇(head,sense,marvel)
安装head head插件可以用来快速查看elasticsearch中的数据概况以及非全量的数据,也支持控件化查询和rest请求,但是体验都不是很好. 一般就用它来看各个索引的数据量以及分片的状态. ...
- 关于STM32的外部引脚中断的问题
今天想用自己以前的比较干净的工程模板做一个东西,,,,,,,在添加上引脚中断的时候,,突然想知道自己配置的中断优先级是否正确执行,,,,, 以前刚学习32的时候测试过是可以的,,不过今天发现了一个大问 ...
- Java项目——模拟电话薄联系人增删改查
该项目模拟了电话本记录联系人的业务功能,用来练习对数据库的增删改查等操作. 菜单类:Menu -- 用来封装主菜单和个选项的子菜单 Person类: Person--联系人的实体类 TelNoteRe ...
- salesforce 零基础学习（四十一）Group
salesforce中,有的时候我们需要将一组用户放进一个Group,用来实现以下主要功能: 1.通过sharing rule设置默认的共享访问; 2.将记录分享给其他用户; 3.指定同步的联系人,这 ...
- python 数据的拷贝
# -*- config=utf-8 -*- #数据的拷贝 a=[1,2,3,4,5,6,"a","C"]; b=a;# a 与 b 的地址空间相同 a.app ...
- Android Activity 启动模式和任务栈
在了解了基本的Activity的生命周期后,我们能够很好的在一个Activity上面做相关的业务.但是这是不够的,因为Android通过任务栈来保存整个APP的Activity,合理的调度任务栈才能够 ...