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

冷不防 2022-04-04 12:51 1728阅读 0赞

**需要引入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 + '更新~');
        }
    });

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAyMDk3Nw_size_16_color_FFFFFF_t_70][]

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAyMDk3Nw_size_16_color_FFFFFF_t_70]: /images/20220404/1399a7e2483d4b3aba052a5b0d38bed7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1728人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter 多端天气预报APP第二弹 —— 城市定位以及城市代码的转换

在前一篇博客中，我们介绍了如何使用Flutter创建一个简单的天气预报应用程序。在这篇博客中，我们将进一步完善我们的应用，添加城市定位功能以及将地理位置转换为城市代码的功...

清疚/ 2024年04月27日 15:57/ 0 赞/ 73 阅读

相关 Python:获取中国城市的天气预报json数据（B）

上一篇（[https://zhangphil.blog.csdn.net/article/details/110357488][https_zhangphil.blog.csd

刺骨的言语ヽ痛彻心扉/ 2022年12月25日 01:46/ 0 赞/ 266 阅读

相关 html输入城市查询天气,jQuery输入城市查询天气预报代码

js代码 $("input\[type=button\]").on("click",function()\{ var cityName=document.querySele

港控/mmm°/ 2022年10月06日 10:55/ 0 赞/ 262 阅读

相关 JavaScript获取本地城市和天气预报实现

1、获取城市接口，新浪的接口相对简单。 URL：http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js 结

电玩女神/ 2022年09月29日 01:51/ 0 赞/ 320 阅读

相关 axios获取天气预报

大家好！我是星河，今天给大家带来的是获取接口实现一个天气的情况 > 天气接口:http://wthrcdn.etouch.cn/weather\_mini 这个是我写的

矫情吗；*/ 2022年09月06日 01:34/ 0 赞/ 353 阅读

相关实现获取指定城市的天气预报

1、布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http

╰+哭是因爲堅強的太久メ/ 2022年08月19日 14:07/ 0 赞/ 291 阅读

相关 domino获取天气预报

在一般的首页上有些企业喜欢显示天气，哪天气怎样在domino上显示呢？ 1)如果纯从html考虑的话，可以使用js或jquery插件就可以了,如以下的插件 htt

蔚落/ 2022年08月07日 04:57/ 0 赞/ 294 阅读

相关 AngularJS获取天气预报(案例)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

忘是亡心i/ 2022年07月12日 08:13/ 0 赞/ 345 阅读

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

需要引入jquery！！！获取城市 js代码： function showLocation(data) { console.log(data.co

冷不防/ 2022年04月04日 12:51/ 0 赞/ 1729 阅读

相关根据城市获取天气

获取城市的城市代码了 ![复制代码][copycode.gif] function curl($url){ $ch = curl_init()

怼烎@/ 2021年10月29日 19:04/ 0 赞/ 485 阅读