调用天气Api实现天气查询

上面是简单截图:

前台代码:

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <style>

        #dvShow{

            width:800px;

            margin:0px auto;

            background-color:#F5FAFE;

        }

    </style>

</head>

<body>

    <input type="button" value="点击查看天气情况" id="btn1"/>

    <div id="dvShow">

    </div>

</body>

</html>

<script src="~/Content/jquery.min.js"></script>

<script>

    $(function () {

        $("#btn1").click(function () {

        $.getJSON('@Url.Action("Index2", "Home")',null,function(_data){

            var recwhether = _data.whether;

            var recindexdata = _data.indexdata;

            for (var i = ; i < recwhether.length; i++) {

                $("<p>" + recwhether[i].date + "</p><p><img src=" + recwhether[i].dayPictureUrl + "/></p><p><img src=" + recwhether[i].nightPictureUrl + "/></p><p>" + recwhether[i].weather + "</p><p>" + recwhether[i].wind + "</p><p>" + recwhether[i].temperature + "</p><p>" + recindexdata[i].title + "</p><p>" + recindexdata[i].zs + "</p><p>" + recindexdata[i].tipt + "</p><p>" + recindexdata[i].des + "</p><hr/>").appendTo("#dvShow");

            }

        });

        });

    });

</script>

后台代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net.Http;

using System.Web;

using System.Web.Mvc;

using System.Web.Script.Serialization;

using System.Xml;

using System.Xml.Linq;

using WebAPITest.Models;

namespace WebAPITest.Controllers

{

    public class HomeController : Controller

    {

        //

        // GET: /Home/

        public ActionResult Index()

        {

            return View();

        }

        public ActionResult Index2()

        {

            //获取接口数据

            HttpClient client = new HttpClient();

            string result = client.GetAsync("http://api.map.baidu.com/telematics/v3/weather?location=%E5%8C%97%E4%BA%AC&output=xml&ak=A72e372de05e63c8740b2622d0ed8ab1").Result.Content.ReadAsStringAsync().Result;

            //写入XML文档

            XmlDocument dom = new XmlDocument();

            dom.LoadXml(result);

            dom.Save(HttpContext.Request.MapPath("/Files/XML/show.xml"));

            //读取XML文档            

             XDocument XDoc2 = XDocument.Load(HttpContext.Request.MapPath("/Files/XML/show.xml"));

             //获取根节点

             XElement Root = XDoc2.Root;

             XElement xresults=Root.Element("results");

             XElement xcurrentCity=xresults.Element("currentCity");

             string cityStr = xcurrentCity.Value;

             //输出根节点的Name,Value

             string str1= Root.Name.ToString();//输出:北京

             XElement xweather_data=xresults.Element("weather_data");

            IEnumerable<XElement> xdate = xweather_data.Elements("date");

            List<string> dateList = new List<string>();

            foreach (var item in xdate) //获得data集合

            {

                dateList.Add(item.Value);

            }

            IEnumerable<XElement> xdayPictureUrl = xweather_data.Elements("dayPictureUrl");

            List<string> dayPictureUrlList = new List<string>();//获得dayPictureUrl集合

            foreach (var item in xdayPictureUrl)

            {

                dayPictureUrlList.Add(item.Value);

            }

             IEnumerable<XElement> xnightPictureUrl = xweather_data.Elements("nightPictureUrl");

             List<string> nightPictureUrlList = new List<string>();//获得nightPictureUrl集合

             foreach (var item in xnightPictureUrl)

             {

                 nightPictureUrlList.Add(item.Value);

             }

             List<string> weatherList = new List<string>();//获得weather集合

             IEnumerable<XElement> xweather = xweather_data.Elements("weather");

             foreach (var item in xweather)

             {

                 weatherList.Add(item.Value);

             }

             List<string> windList = new List<string>();//获得wind集合

             IEnumerable<XElement> xwind = xweather_data.Elements("wind");

             foreach (var item in xwind)

             {

                 windList.Add(item.Value);

             }

             List<string> temperatureList = new List<string>();//获得temperature集合

            IEnumerable<XElement> xtemperature = xweather_data.Elements("temperature");

            foreach (var item in xtemperature)

            {

                temperatureList.Add(item.Value);

            }

            List<BaiDuWheter> whteherDataList = new List<BaiDuWheter>();

            for (int i = ; i < dateList.Count; i++)//将所有天气遍历追加到一起

            {

                BaiDuWheter bw = new BaiDuWheter();

                bw.date = dateList[i];

                bw.dayPictureUrl = dayPictureUrlList[i];

                bw.nightPictureUrl = nightPictureUrlList[i];

                bw.weather = weatherList[i];

                bw.wind = windList[i];

                bw.temperature = temperatureList[i];

                whteherDataList.Add(bw);

            }

            XElement index = xresults.Element("index");

            IEnumerable<XElement> xtitle=index.Elements("title");

            List<string> titleList = new List<string>();

            foreach (var item in xtitle)

            {

                titleList.Add(item.Value);

            }

            IEnumerable<XElement> xzs = index.Elements("zs");

            List<string> zsList = new List<string>();

            foreach (var item in xzs)

            {

                zsList.Add(item.Value);

            }

            IEnumerable<XElement> xtipt = index.Elements("tipt");

            List<string> tiptList = new List<string>();

            foreach (var item in xtipt)

            {

                tiptList.Add(item.Value);

            }

            IEnumerable<XElement> xdes = index.Elements("des");

            List<string> desList = new List<string>();

            foreach (var item in xdes)

            {

                desList.Add(item.Value);

            }

            List<IndexData> indexList = new List<IndexData>();

            for (int i = ; i < titleList.Count; i++)//将所有的穿衣信息遍历整合到一起

            {

                IndexData data = new IndexData();

                data.title = titleList[i];

                data.zs = zsList[i];

                data.tipt = tiptList[i];

                data.des = desList[i];

                indexList.Add(data);

            }

            XElement pm25= xresults.Element("pm25");

            string pm25Str = pm25.Value;//计算书PM2.5的值

            XElement nowdata= Root.Element("date");

            string nowDataStr = nowdata.Value;//计算出现在的日期

            var sendData = new { whether=whteherDataList,indexdata=indexList};

            return Json(sendData, JsonRequestBehavior.AllowGet);

        }

    }

}

Model类代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace WebAPITest.Models

{

    public class BaiDuWheter

    {

        public string date { get; set; }

        public string dayPictureUrl { get; set; }

        public string nightPictureUrl { get; set; }

        public string weather { get; set; }

        public string wind { get; set; }

        public string temperature { get; set; }

    }

    public class IndexData

    {

        public string title { get; set; }

        public string zs { get; set; }

        public string tipt { get; set; }

        public string des { get; set; }

    }

}

调用天气Api实现天气查询的更多相关文章

Java调用yahoo!API获取天气数据
先把代码复制上来,以后再做补充 package com.weather.test; import java.io.InputStream; import java.net.URL; import ja ...
免费天气API，天气JSON API，不限次数获取十五天的天气预报
紧急情况说明: 禁用IP列表: 39.104.69.*(原因39.104.69.6 在2018年10月的 17~20日排行为top 1,每天几十万次.) 47.98.211.* (原因47.98.2 ...
使用小米天气API获取天气信息
1. URL部分以下url中"%s"代表的是城市Id,比如北京的cityId=101010100: //获取未来五天预报信息,红色部分信息不需要 WEATHER_DATA_URL ...
获取新浪天气api显示天气情况(转)
直接上一个html的demo <!doctype html> <html class="no-js fixed-layout"> <head> ...
高德地图API获取天气
1.建立行政区规划清单表 use edw; drop table if exists dim_prov_city_adcode; create table if not exists dim_prov ...
JAVA的免费天气api接口调用示例
step1:选择本文所示例的接口"免费天气api" url:https://www.juhe.cn/docs/api/id/39/aid/87 step2:每个接口都需要传入一个参 ...
雅虎天气API调用
雅虎天气API调用: 1.调用方法:http://weather.yahooapis.com/forecastrss?w=2502265&u=c,绿色字体为城市代号,u=c表示取摄氏度. 2. ...
ajax调用免费的天气API
最近在做项目中要用到调用天气接口,在网上找了很多资料之后发现https://www.tianqiapi.com/的天气API挺好的,好用而且免费,调用也很简单.在此做个笔记,大家一起学习交流,如有问题 ...
微信小程序-基于高德地图API实现天气组件(动态效果)
微信小程序-基于高德地图API实现天气组件(动态效果) 在社区翻腾了许久,没有找到合适的天气插件.迫不得已,只好借鉴互联网上的web项目,手动迁移到小程序中使用.现在分享到互联网社区中,帮助后续有 ...

随机推荐

C语言中怎么将文件里的数据创建到（读到）链表中？
定义的结构体: struct student { ]; //学生学号 ]; //学生姓名 struct student *next; //next 指针指向 struct student 类型的变量 ...
iOS 内存错误调试(EXC_BAD_ACCESS)
内存错误crash现场: Thread堆栈: 有可能是访问被释放对象造成,根据现场并不能找到具体哪个对象出现内存错误. 1.开启僵尸对象调试 Edit Scheme->Debug->Dia ...
Office 2010 KMS激活原理和案例分享
Office 2010 KMS激活原理和案例分享为了减低部署盗版(可能包含恶意软件.病毒和其他安全风险)的可能性,Office 2010面向企业客户推出了新的批量激活方式:KMS和MAK.这 ...
shell tips
1.shopt 命令可以设置shell的可选参数 shopt [-psu] [optname...] -s 开启某个选项 -u 关闭某个选项 -p 列出所有可设置的选项其中开启extglob选项,s ...
使用C#向ACCESS中插入数据
使用C#向ACCESS中插入数据 1.创建并打开一个OleDbConnection对象 string strConn = " Provider = Microsoft.Jet.OLEDB ...
程序员级别鉴定书（.NET面试问答集锦）
作为一个.NET程序员,应该知道的不仅仅是拖拽一个控件到设计时窗口中.就像一个赛车手,一定要了解他的爱车 – 能做什么不能做什么. 本文参考Scott Hanselman给出的.NET问题列表,整理如 ...
AIO 简介
from:http://blog.chinaunix.net/uid-11572501-id-2868654.html Linux的I/O机制经历了一下几个阶段的演进: 1. 同步阻塞I/O: 用 ...
053医疗项目-模块五：权限设置-将用户操作权限写入Session
权限管理指的是用户授权,与拦截器没有关系.拦截器只是一个技术,也可以用别的技术来实现的.别人问你权限管理,可不要和人家说什么拦截器.要说用户授权前一篇文章是把实现了不同的用户呈现不用的菜单.这一篇文 ...
Intel pin 2.14/CentOS 6 X86-64/安装
环境:Intel Pin 2.14 CentOS 6 X86-64 --linux.tar.gz 进入 ./source/tools/ManualExamples make all TARGET=in ...
20145221 《信息安全系统设计基础》实验五简单嵌入式WEB服务器实验
20145221 <信息安全系统设计基础>实验五简单嵌入式WEB服务器实验实验报告队友博客:20145326蔡馨熠实验博客:<信息安全系统设计基础>实验五简单嵌入式W ...

调用天气Api实现天气查询

调用天气Api实现天气查询的更多相关文章

随机推荐

热门专题