.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解决跨域问题的方法. 服务端 编写服务代码,解 ...
随机推荐
- Web Essentials之Browser Link
返回Web Essentials功能目录 本篇目录 功能 当Browser Link运行时,会有一个菜单注入到你的网站上,Web Essentials可以使用该菜单上所有可用的一套Browser Li ...
- DOM何时Ready
由于script标签在被加载完成后会立即执行其中代码,如果在代码中要访问HTMLElement,可是这时候元素还没有加载进来,所以对元素的操作统统无效. 最早的时候使用window.onload = ...
- Flume概述和简单实例
Flume概述 Flume是一个分布式.可靠.和高可用的海量日志采集.聚合和传输的系统.支持在日志系统中定制各类数据发送方,用于收集数据;同时,Flume提供对数据进行简单处理,并写到各种数据接受方( ...
- 推荐书籍 -《移动App测试的22条军规》
在今天的博文中,博主希望给大家分享一本博主同事黄勇的最新利作:<移动App测试的22条军规>.黄勇是ThoughtWorks资深敏捷QA和咨询师.对于我来说,和黄勇在一起的工作的这个项目, ...
- Windbg用法详解
工作空间 WinDBG的工作空间中保存了以下几种信息 调试会话状态: 包括断点,打开的源文件,用户定义的别名(alias)等. 调试器设置:包括符号文件路径,可执行映像文件路径,源文件路径,用I+/I ...
- FusionCharts简单教程(六)------加载外部Logo
一.加载外部文件Logo 在使用FusionCharts时,我们可能需要在加载图像的时候需要在图表中显示标识.图片等等.这里我们可以使用logoURL属性来实现.如: <chart ...
- C#Light 再推荐，顺便介绍WP8 功能展示项目
由于在项目中验证了C#Light脚本,C#Light的健壮和稳定程度已经得到了很大的提升. 现在可以更好的把C#Light介绍给大家使用,同时也有更多的自信,告诉大家这是一个已经具有商业价值的类库. ...
- 学习Scala02 基本类型
scala中有9大基本类型: Byte .Short .Int .Long. Char .String .Float. Double .Boolean 与java的基本类型看起来基本是一致的,但实际上 ...
- Java框架介绍-13个不容错过的框架项目
本文转自互联网,个人收藏所用. 下面,我们将一同分享各有趣且颇为实用的Java库,大家请任取所需.不用客气~ 1.极致精简的Java Bootique是一项用于构建无容器可运行Java应用的极简技术. ...
- 初识canvas，使用canvas做一个百分比加载进度的动画
canvas作为H5中重要的新增特性,使开发者可以用它来创作各种令人惊叹的作品.先来看一下浏览器对canvas的支持情况. <canvas> 标签定义图形,比如图表和其他图像,我们使用脚本 ...