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')      }    });  }});

輸出結果：