js 获取当前城市名称以及天气预报

需要引入jquery！！！

获取城市 js代码：

function showLocation(data) {console.log(data.content.address_detail.city);
}
$.getScript("http://api.map.baidu.com/location/ip?ak=xxxxxxxxxxxxxxxxxxxxxxxxxxxxx&callback=showLocation");

获取城市天气预报 js代码：

$.ajax({type: 'GET',url: 'https://www.tianqiapi.com/api/',data: 'version=v1&style=1001&city=',dataType: 'JSON',error: function () {alert('网络错误');},success: function (res) {uptime = res.update_time.substring(11);uptime = uptime.substring(0,uptime.length-3);console.log('【' + res.city + '】' + res.data[0].wea + ' ' + res.data[0].tem1 + '/' + res.data[0].tem2 + ',' + uptime + '更新~');
//        $('body').append('【' + res.city + '】' + res.data[0].wea + ' ' + res.data[0].tem1 + '/' + res.data[0].tem2 + ',' + uptime + '更新~');}
});

效果：

注：这是通过ip获取的，后续优化，通过定位经纬度去显示信息。

js 获取当前城市名称以及天气预报相关推荐

H5获取用户所在城市网页获取用户城市名称
获取用户城市名称,这里我是使用的百度地图JSAPI 2.0 文档链接实现步骤: 1.在index.html中引用百度地图的js文件,如下:(需要使用自己的ak,获取方式:点击去官网申请ak) < ...
uniapp｜微信小程序获取当前城市名称--逆地址解析
六年代码两茫茫,不思量,自难忘 6年资深前端主管一枚,只分享技术干货,项目实战经验关注博主不迷路~ 文章目录问题解决步骤看文档逆地址解析 1. 创建应用 2. uniapp配置 3. 代码部 ...
根据IP获取具体城市名称及经纬度坐标
用到两款工具, geoip-api 这个可以根据IP获取城市以及经纬度但是获取的城市是拼音不是汉字导致山西和陕西的拼音相同无法分辨,所以引入第二款工具ip2region 可以根据ip获取到具体的 ...
js获取所在城市及IP
最简单的方式获取所在城市 1.引入js: 直接在浏览器访问以下试试: http://pv.sohu.com/cityjson?ie=utf-8 2.取值: var ctiyName=returnCit ...
html 获得控件,js获取控件名称、及内容
在做 BS架构的项目时,经常遇到需要用js 来调用 asp.net 服务器端控件的值. 大多数的控件他的值都可以通过js调用它的 value属性来获得此控件的值,但是也有例外的情况:如 Label ...
js vue 根据城市名称按A-Z进行排序展示
效果如下: 城市json文件引用地址:https://blog.csdn.net/u012339794/article/details/43483947 window.CITYS = [{" ...
android往天气接口里面传城市,Android使用中国天气网API数据通过城市名称获取天气情况...
项目要求在应用首页面展示本地当日天气的概况,首先想到的是google和雅虎,前者很久之前接触过,听说后来用不了了,后者由于邮箱事件的缘故个人不喜欢(虽然貌似苹果也用雅虎的天气预报),之后又想到了前段时 ...
城市名称按首字母分组排序，并实现多音字处理
一.需求将城市列表(中文)按照首字母分组排序,以26个字母的顺序进行分组. 传统的解决方式使用如下pinyin4j来解决: <dependency><groupId>com. ...
中国天气网天气预报API 国家气象局根据城市名称抓取城市ID，XML格式、JSON格式、图片代码...
为什么80%的码农都做不了架构师?>>> 说到开发天气预报,就需要找一个开放接口了,接口有很多,不过个人觉得,中国天气网的数据比较准确,而且也有权威性.访问地址如:http: ...

js 获取当前城市名称以及天气预报

js 获取当前城市名称以及天气预报相关推荐

最新文章

热门文章