Exemple détaillé de méthode ajax pour obtenir la météo là où se trouve l'utilisateur

Cet article présente principalement en détail la méthode ajax pour obtenir la météo de l'emplacement de l'utilisateur. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.

Utilisez ajax pour obtenir la météo chez l'utilisateur pour votre référence. Le contenu spécifique est le suivant

1 Pour obtenir la météo chez l'utilisateur, vous devez d'abord obtenir l'urbain. zone où se trouve l'utilisateur. Ici, obtenez d'abord l'adresse IP de l'utilisateur, obtenez l'adresse IP via IP, puis obtenez l'adresse de l'utilisateur.

2. Parce qu'Alibaba Cloud fournit une API pour obtenir la météo via le nom de la ville (city) ou le numéro de la ville (cityId)

, afin d'obtenir la météo au domicile de l'utilisateur

2. 🎜>

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

Résultats de sortie :

Recommandations associées :

Comment utiliser PHP pour appeler l'interface API pour implémenter la fonction de requête météo

6 articles recommandés sur l'interrogation de la météo

3 articles recommandés sur l'obtention de la météo une zone spécifiée

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!