聚合天气--ajax 通过城市名取数据

为什么80%的码农都做不了架构师？>>>

聚合天气：https://www.juhe.cn/box

接口地址：http://v.juhe.cn/weather/index

支持格式：json/xml

请求方式：get

请求示例：http://v.juhe.cn/weather/index?format=2&cityname=%E8%8B%8F%E5%B7%9E&key=您申请的KEY

调用样例及调试工具：API测试工具

请求参数说明：

名称类型必填说明

cityname string Y 城市名或城市ID，如："苏州"，需要utf8 urlencode

dtype string N 返回数据格式：json或xml,默认json

format int N 未来6天预报(future)两种返回格式，1或2，默认1

key string Y 你申请的key

HTML部分代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8" ><title>天气预报</title><script src="jquery-2.1.1.min.js"></script><link rel="stylesheet" href="w.css">
</head>
<body><div id="mf_weather"><script src="w.js"></script><button id="search">天气查询</button><input id="city" type="text" value="tbody"><div class="ctn"><div id="mufeng"></div><div id="future"></div></div>
</div></body>
</html>

JavaScript部分：

$(function(){/** 1.输入城市名* 2，点击的时候发送请求* 3.响应成功渲染页面* */$('#search').on('click',function(){var city = $('#city').val()||'北京';$citycode=urlencode(city);url='http://v.juhe.cn/weather/index?format=2&cityname='+$citycode+'&key=c82727e986a4f6cfc6ba1984f1f9183a';$.ajax({url: url,dataType: "jsonp",type:"get",data:{location:city},success:function(data){var sk = data.result.sk;var today = data.result.today;var futur = data.result.future;var fut = "日期温度天气风向";$('#mufeng').html("<p>" + '当前:  ' + sk.temp + '℃  , ' + sk.wind_direction + sk.wind_strength + ' , ' + '空气湿度' + sk.humidity + ' , 更新时间' + sk.time + "</p><p style='padding-bottom: 10px;'>" + today.city + ' 今天是:  ' + today.date_y + ' ' + today.week + ' , ' + today.temperature + ' , ' + today.weather + ' , ' + today.wind + "<p></p>");$('#future').html("<p>" + '未来:  ' + futur[0].temperature+ '℃  , ' + futur[0].weather + futur[0].wind + ' , ' + ' , 更新时间' + futur[0].week+futur[0].date + "</p><p style='padding-bottom: 10px;'>" + today.city + "<p></p>");}     });});function urlencode (str) {  str = (str + '').toString();   return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').  replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
}
})

预览图（比较简单粗糙）

转载于:https://my.oschina.net/mfeng/blog/757756

聚合天气--ajax 通过城市名取数据相关推荐

获取天气预报ajax,Ajax 通过城市名获取数据(全国天气预报API)
预览图(比较简单粗糙) 聚合数据全国天气预报接口: 接口地址:http://v.juhe.cn/weather/index 支持格式:json/xml 请求方式:get 请求示例:http://v.j ...
js ajax获取天气预报,Ajax 通过城市名获取数据(全国天气预报API)
AJAX 的 Ajax 通过城市名获取数据(全国天气预报API) 预览图(比较简单粗糙) 聚合数据全国天气预报接口: 接口地址:http://v.juhe.cn/weather/index 支持格式: ...
python输入城市名称_python 查询天气（输入城市名，输出天气）
python 查询天气,输入城市名,输出天气 def get_whether(city_name): """ """ city_code_d ...
R语言爬取中国天气网单个城市实时天气预报数据
在传统零售行业,雨天天气大概会影响晴天30%-40%的销售业绩,所以从网上获取天气数据来作分析,并根据天气数据作出预测,提前做好预防措施和提醒业务人员,把损失减少到最低就显得十分重要,用R语言的rve ...
心知天气api，根据城市名/id查询天气
心知天气api可以根据城市名/id查询天气,向开发者提供的准确.稳定.丰富的天气数据云服务. 接口名称:心知天气api 接口平台:聚合数据接口地址:http://v.juhe.cn/weather/ ...
android聚合天气,聚合数据Android SDK 天气查询演示示例
1.到libs聚合SDK是聚合数据平台,为移动开发者提供的免费数据接口.使用前请先到聚合平台(http://www.juhe.cn/)注册,申请相关数据. 2.下载聚合数据SDK,将开发包里的juhe ...
Ajax怎么获取天气,Ajax获取全国天气预报的API数据
这次给大家带来Ajax获取全国天气预报的API数据,Ajax获取全国天气预报API数据的注意事项有哪些,下面就是实战案例,一起来看一下. 预览图(比较简单粗糙) 聚合数据全国天气预报接口:https: ...
如何用Python自动爬取全国30+城市地铁图数据？
阅读本文大概需要 3 分钟. 最近两天工作之余,开始涉猎python,自动爬取了全国30+城市地铁图数据,这里分享下整个爬虫过程 1. 数据来源首先分析全国各个城市地铁图的数据来源,无非就是百度或者 ...
python 爬取城市空气质量数据
[python]爬虫爬取中国城市的空气质量数据使用工具:pycharm/python3.7,Chrome driver 使用库:selenium,time 一.下载Chrome driver(必读) ...

聚合天气--ajax 通过城市名取数据

聚合天气--ajax 通过城市名取数据相关推荐

最新文章

热门文章