获取天气预报ajax,Ajax 通过城市名获取数据(全国天气预报API)

预览图(比较简单粗糙)

聚合数据全国天气预报接口：

接口地址：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部分代码：

天气预报

天气查询

javascript部分：

* 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("

" + '当前: ' + sk.temp + '℃ , ' + sk.wind_direction + sk.wind_strength + ' , ' + '空气湿度' + sk.humidity + ' , 更新时间' + sk.time + "

" + today.city + ' 今天是: ' + today.date_y + ' ' + today.week + ' , ' + today.temperature + ' , ' + today.weather + ' , ' + today.wind + "

$('#future').html("

" + '未来: ' + futur[0].temperature+ '℃ , ' + futur[0].weather + futur[0].wind + ' , ' + ' , 更新时间' + futur[0].week+futur[0].date + "

" + today.city + "

} });

});

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, '+');

}

})

以上所述是小编给大家介绍的ajax 通过城市名获取数据(全国天气预报api)，希望对大家有所帮助

获取天气预报ajax,Ajax 通过城市名获取数据(全国天气预报API)相关推荐

js ajax获取天气预报,Ajax 通过城市名获取数据(全国天气预报API)
AJAX 的 Ajax 通过城市名获取数据(全国天气预报API) 预览图(比较简单粗糙) 聚合数据全国天气预报接口: 接口地址:http://v.juhe.cn/weather/index 支持格式: ...
uniapp 获取定位以及经纬度转换为城市名
/*2021/8/26xh获取地理位置经纬度及城市名(h5,app,微信小程序三端)*/ // #ifdef H5 //引入jquery文件,用jquery的jsonp来访问腾讯地图的逆地址解析,只适 ...
聚合天气--ajax 通过城市名取数据
为什么80%的码农都做不了架构师?>>> 聚合天气:https://www.juhe.cn/box 接口地址:http://v.juhe.cn/weather/index 支持 ...
微信小程序调用高德api定位当前经纬度，根据城市名获取对应经纬度
最近写小程序有一个首页关于定位功能,指定高德API,话不多说,上图: 首先小程序需要先设置定位提示语,在mainfest.json中添加配置scope.userLocation: "mp-w ...
PHP 按城市名获取首字母并且分组排序
/** * 全部市 */ public function citys(){ if($this->request->isPost()){ d a t a s = [ ] ; i f ( ! ...
根据城市名获取首字母
/*** 获取地区的拼音首字母* @param string $s 地区名* @return string 大写字母*/ function getFirstChar($s){ $s0 = mb_sub ...
微信小程序开发--当前位置的详细地址获取amp;amp;amp;amp;城市列表获取-具体到：省--市--区、县级市---乡镇、街道
1. 申请开发者密钥(key):申请密钥 2. 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.0 3. 安全域名设置,在"设置" -> ...
Ajax怎么获取天气,Ajax获取全国天气预报的API数据
这次给大家带来Ajax获取全国天气预报的API数据,Ajax获取全国天气预报API数据的注意事项有哪些,下面就是实战案例,一起来看一下. 预览图(比较简单粗糙) 聚合数据全国天气预报接口:https: ...
根据ip地址获取城市名的几种方法
2019独角兽企业重金招聘Python工程师标准>>> 在某些场景下,可能需要用到根据ip地址获取ip所对应的城市名. 貌似腾讯.百度等开放接口已经失效或者免费服务接口关闭等原因,很 ...

获取天气预报ajax,Ajax 通过城市名获取数据(全国天气预报API)

获取天气预报ajax,Ajax 通过城市名获取数据(全国天气预报API)相关推荐

最新文章

热门文章