ajax获取用户所在地天气的方法
来源：爱站网时间：2019-07-22编辑：网友分享
开发天气的项目要使用跨域请求数据的情况，这样程序员要怎么进行操作，才能获取到其他地区的数据，还能保证安全问题呢？爱站技术频道告诉大家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')
}
});
}
});
输出结果：
以上就是爱站技术频道小编为大家带来的ajax获取用户所在地天气的方法，看了以上的介绍，对你学习有没有帮助呢?如果你想了解更多知识，请继续关注我们的网站吧！
