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

2024-09-01 08:30:22

字体：大中小

来源：转载

供稿：网友

开发天气的项目要使用跨域请求数据的情况，这样程序员要怎么进行操作，才能获取到其他地区的数据，还能保证安全问题呢？错新技术频道告诉大家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')      }    });  }});

输出结果：