宝玛科技网
您的当前位置:首页ajax获取用户所在地天气的方法

ajax获取用户所在地天气的方法

来源:宝玛科技网


使用ajax获取用户所在地的天气,供大家参考,具体内容如下

1.要获取用户归属地的天气,首先得获取用户所在的市区,这里先获取用户的IP,通过IP获取IP的归属地,从而得到用户地址。

2.因为阿里云提供了通过城市名(city)或者城市编号(cityId)

即可获取天气的API,从而获取用户归属地天气

var city1;
$.ajax({
 //获取客户端 IP 和 归属地
 url: "http://chaxun.1616.net/s.php?type=ip&output=json",
 dataType: "jsonp",
 success: function (data) {
 console.log('ip:' + data.Ip)
 console.log('归属地:' + data.Isp) 
 var lcity = data.Isp.split(' ')[0];
 //获取短名称,如淮安市
 city1 = lcity.split('省')[1];
 console.log(city1)
 //因为是异步刷新,所以两个请求几乎同时进行
 $.ajax({
 type: 'get',
 url: 'http://jisutqybmf.market.alicloudapi.com/weather/query',
 async: true,
 //设置验证方式,设置请求头
 //1,APPCode
 headers: { Authorization: "APPCODE 你的APPCode" },
 //2.APPSecret 暂时不能用
 //headers: { AppKey: '你的APPKey', AppSecret :'你的APPSecret' },
 data: { city: city1 },
 success: function (result) {
 console.log(result['result'])
 //alert(result)
 },
 error: function () {
 alert('error')
 }
 });
 }
}); 

输出结果:

显示全文