• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ajax获取用户所在地天气的方法

    使用ajax获取用户所在地的天气,供大家参考,具体内容如下

    1.要获取用户归属地的天气,首先得获取用户所在的市区,这里先获取用户的IP,通过IP获取IP的归属地,从而得到用户地址。

    2.因为阿里云提供了通过城市名(city)或者城市编号(cityId)

    即可获取天气的API,从而获取用户归属地天气

    var city1;
    $.ajax({
      //获取客户端 IP 和 归属地
      url: "http://chaxun.1616.net/s.php?type=ipoutput=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')
          }
        });
      }
    }); 
    

    输出结果:

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    您可能感兴趣的文章:
    • Ajax 通过城市名获取数据(全国天气预报API)
    • PHP Ajax JavaScript Json获取天气信息实现代码
    • PHP+AJAX无刷新实现返回天气预报数据
    • JS HTML5 音乐天气播放器(Ajax获取天气信息)
    • AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通
    • 天枫AJAX天气预报系统V1.0
    • 配合AJAX天气预报的webService 之asp
    • AJAX天气预报前台
    上一篇:AJAX应用实例之检测用户名是否唯一(实例代码)
    下一篇:django获取ajax的post复杂对象的实现方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

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