ajax獲取用戶(hù)所在地天氣的方法

更新時(shí)間：2017年10月11日 14:08:37 作者：fight139

這篇文章主要為大家詳細(xì)介紹了ajax獲取用戶(hù)所在地天氣的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

使用ajax獲取用戶(hù)所在地的天氣，供大家參考，具體內(nèi)容如下

1.要獲取用戶(hù)歸屬地的天氣，首先得獲取用戶(hù)所在的市區(qū)，這里先獲取用戶(hù)的IP，通過(guò)IP獲取IP的歸屬地，從而得到用戶(hù)地址。

2.因?yàn)榘⒗镌铺峁┝送ㄟ^(guò)城市名（city）或者城市編號(hào)（cityId）

即可獲取天氣的API，從而獲取用戶(hù)歸屬地天氣

var city1;
$.ajax({
  //獲取客戶(hù)端 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];
    //獲取短名稱(chēng)，如淮安市
    city1 = lcity.split('省')[1];
    console.log(city1)
    //因?yàn)槭钱惒剿⑿?，所以?xún)蓚€(gè)請(qǐng)求幾乎同時(shí)進(jìn)行
    $.ajax({
      type: 'get',
      url: 'http://jisutqybmf.market.alicloudapi.com/weather/query',
      async: true,
      //設(shè)置驗(yàn)證方式，設(shè)置請(qǐng)求頭
      //1，APPCode
      headers: { Authorization: "APPCODE 你的APPCode" },
      //2.APPSecret 暫時(shí)不能用
      //headers: { AppKey: '你的APPKey', AppSecret :'你的APPSecret' },
      data: { city: city1 },
      success: function (result) {
        console.log(result['result'])
        //alert(result)
      },
      error: function () {
        alert('error')
      }
    });
  }
});

輸出結(jié)果：

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

ajax
天氣

相關(guān)文章

防止ajax重復(fù)請(qǐng)求的方法(GET和POST)
防止ajax重復(fù)請(qǐng)求的方法(GET和POST) ,需要的朋友可以參考下。
2011-10-10
Ajax 無(wú)刷新在注冊(cè)用戶(hù)名時(shí)判斷是否為空是否被使用
這篇文章主要介紹了Ajax 無(wú)刷新在注冊(cè)用戶(hù)名時(shí)判斷是否為空是否被使用,需要的朋友可以參考下
2014-05-05
AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法
今天小編就為大家分享一篇AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
ajax的 IE cache 相關(guān)問(wèn)題解決
運(yùn)用Ajax做了一個(gè)名字檢驗(yàn)，第一次是有效的，但是提交過(guò)后，再檢驗(yàn)一次，結(jié)果就不對(duì)了，是由于IE的cache的原因，接下來(lái)介紹下詳細(xì)的解決方法，感性的朋友可以參考下哈
2013-04-04
ajax 操作全局監(jiān)測(cè),用戶(hù)session失效的解決方法
下面小編就為大家?guī)?lái)一篇ajax 操作全局監(jiān)測(cè),用戶(hù)session失效的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
ajaxrequest.js ajaxrequest 0.7最新版使用AJAXRequest進(jìn)行AJAX應(yīng)用程序開(kāi)發(fā)入
ajaxrequest.js ajaxrequest 0.7最新版使用AJAXRequest進(jìn)行AJAX應(yīng)用程序開(kāi)發(fā)入門(mén)小技巧...
2007-12-12
AJAX跳轉(zhuǎn)路徑代碼
這篇文章主要介紹了AJAX跳轉(zhuǎn)路徑的實(shí)現(xiàn)代碼,需要的朋友可以參考下
2014-02-02
[js]一個(gè)獲取頁(yè)面ip的正則
[js]一個(gè)獲取頁(yè)面ip的正則...
2007-07-07
asp.net 全部選中與取消操作,選中后的刪除(ajax)實(shí)現(xiàn)無(wú)刷新效果
現(xiàn)在我們?cè)诰幊痰臅r(shí)刻總是要利用一些最新的技術(shù)去解決問(wèn)題。。。。下面是我用ajax與jequery結(jié)合在一起使用的一個(gè)實(shí)例。希能給一起學(xué)習(xí)的朋友們帶來(lái)幫助。
2009-06-06
利用 Linq+Jquery+Ajax 實(shí)現(xiàn)異步分頁(yè)功能可簡(jiǎn)化帶寬壓力
網(wǎng)上的分頁(yè)方法甚多，但都太過(guò)于消耗帶寬，所以我想到了用Ajax來(lái)分頁(yè)，利用返回的Json來(lái)處理返回的數(shù)據(jù)，大大簡(jiǎn)化了帶寬的壓力
2014-05-05