Detailliertes Beispiel einer Ajax-Methode zum Abrufen des Wetters am Standort des Benutzers

Dieser Artikel stellt hauptsächlich die Methode von Ajax vor, um das Wetter am Standort des Benutzers zu ermitteln. Ich hoffe, dass es jedem helfen kann.

Verwenden Sie Ajax, um das Wetter am Standort des Benutzers als Referenz abzurufen. Der spezifische Inhalt lautet wie folgt: 1. Um das Wetter am Heimatstandort des Benutzers abzurufen, müssen Sie zuerst die Stadt abrufen Hier erhalten Sie zuerst die Benutzer-IP, die IP-Adresse über IP und dann die Benutzeradresse.

2. Weil Alibaba Cloud eine API zum Abrufen des Wetters über den Stadtnamen (city) oder die Stadtnummer (cityId) bereitstellt

, um das Wetter am Heimatstandort des Benutzers zu erhalten

Ausgabeergebnisse:

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

Verwandte Empfehlungen:

Verwendung PHP zum Aufrufen der API-Schnittstelle zur Implementierung der Wetterabfragefunktion

6 empfohlene Artikel zum Abfragen des Wetters

3 empfohlene Artikel zum Abrufen des Wetters ein bestimmter Bereich

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel einer Ajax-Methode zum Abrufen des Wetters am Standort des Benutzers. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!