ES6-Promise实时获取地址和天气问题

需要引用Jquery

<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>

HTML部分

     <p><span class="add"></span><span class="weather"></span><span class="temp"></span><img src="" alt="" class="img" width="40"></p>

JS部分

$(function(){//获取网络请求信息(根据不同的url返回不同的结果)function getApi(url){return new Promise((resolve,reject)=>{$.ajax({url:url,dataType:'jsonp',success:function(res){resolve(res);//如果请求成功可以兑现},error:function(err){reject(err);//如果失败 拒绝失败 给出拒绝理由}})})}//获取地址var urlA = 'https://apis.map.qq.com/ws/location/v1/ip?key=CAABZ-AVSAQ-RDR5L-GTBDJ-HLA4O-A5FDB&output=jsonp&_=1593478015329';var urlB = 'https://wis.qq.com/weather/common?weather_type=observe|forecast_24h|air&source=pc';getApi(urlA).then(add=>{ //获取地址console.log(add);var info = add.result.ad_info;//具体的地址信息$('.add').html(info.city);return getApi(urlB+`&province=${info.province}&city=${info.city}`)}).then(data=>{//获取天气console.log(data)$('.weather').html(data.data.observe.weather);$('.temp').html(data.data.observe.degree);$(".img").attr("src",`https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/weather/${data.data.observe.weather_code}.svg`);}).catch(err=>{ //失败console.error(err)})})

ES6-Promise实时获取地址和天气问题相关推荐

微信小程序：获取地址、天气
获取地址.天气 ** 重点:-/-/utils/weather.js中的key需自己获取,并填上 ** js var weatherApi = require('../../utils/weather ...
如何获取当前地址以及天气温度情况，适用于微信小程序（端午假期将至，祝愿大家端午快乐）
我的需求:获取当前地址,温度和天气[微信小程序] 先获取当前经纬度uni.getLocation 获取经纬度以后,通过经纬度进行逆地理编码,获取当前定位地址uni.request 处理显示[" ...
weather中国气象网的天气城市编码获取地址
weather中国气象网的天气城市编码获取地址: http://www.weather.com.cn/data/city3jdata/china.html http://www.weather.com ...
实时获取端口号和ip地址(域名)
使用自定义获取端口号和ip地址(域名)window.location 在项目当中,很多项目是属于外包的,当项目做完就需要部署然后交给甲方,那么此时项目就不是我们负责端口号,和域名,后期因为部署到服务 ...
电脑获取服务器IP，ping nslookup获取心知天气的IP地址，windows cmd命令行进行DNS域名解析解析
windows电脑,开始栏 - - 输入 " cmd " - - 命令提示符输入 ping api.seniverse.com 或者 nslookup ...
WiFi模块（ESP8266）获取时间、天气API AT指令串口调试
一直想做一个能够通过WiFi模块来获取互联网获取时间和天气的时钟,网上大部分是获取时间的教程,对于获取天气的教程都是我看不懂的神奇语言,对于我这种不会java.html或者JSON什么乱七八 ...
使用chatGPT开发获取格点天气数据
1. 格点天气 1.1. 格点天气以经纬度为基准的全球高精度.公里级.格点化天气预报产品,包括任意经纬度的实时天气和天气预报.其中,任意坐标的高精度天气,精确到3-5公里范围,包括:温度.湿度.大气 ...
Vue进阶（四十五）：精解 ES6 Promise 用法
文章目录一.前言二.链式操作用法三.reject 用法四.catch 用法五.all 用法六.race 用法七.总结八.拓展阅读一.前言复杂难懂概念先不讲,我们先简单粗暴地把Pro ...
ceph bluestore源码分析：admin_socket实时获取内存池数据
环境: 版本:ceph 12.2.1 部署完cephfs 使用ceph-fuse挂载,并写入数据关键参数: debug_mempool = true 将该参数置为true即可查看详细的blustor ...

ES6-Promise实时获取地址和天气问题

ES6-Promise实时获取地址和天气问题相关推荐

最新文章

热门文章