<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <link rel="shortcut icon" type="image/x-icon" href="img/timg.ico" />

        <title>查询天气</title>

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

    </head>

    <body>

        <input type="text" name="uesrname" id="uesrname" value="" />

        <button>查询天气</button>

        <h1></h1>

        <!--key=ba257a360de141ce8d0f1a4a1bf2e3b-->

        <script type="text/javascript">

            $('button').click(function(){

                var city=$('#uesrname').val()

//                $.get('https://free-api.heweather.com/s6/weather/now?location='+city+"&key=091902a7ef8a4327b7d3f677af3c123f",function(res){

//                    console.log(res)

//                    $('h1').html(res.HeWeather6[0].now.tmp)

//                })

//$.ajax({

//    type:"get",

//    url:'https://free-api.heweather.com/s6/weather/now?location='+city+'&key=091902a7ef8a4327b7d3f677af3c123f',

//    async:true,

//    complete:function(res){

//        console.log(res.responseJSON)

//    }

//    });

//})

            $.ajax({

                type:"get",

                url:"https://free-api.heweather.com/s6/weather/now?location="+city+"&key=091902a7ef8a4327b7d3f677af3c123f",

                async:true,

                complete:function(res){

                    console.log(res)

                }

            });

            })

        </script>

    </body>

</html>

随机推荐

  1. html盒模型基础

    盒模型              概念:如果CSS对HTML文档元素生成了该元素在HTML文档布局中占据空间的矩形元素框(element box),称盒子             通过一系列定义盒子的 ...

  2. 站内搜索（ELK）之数据表字典类型字段的索引思路

    数据表字典类型的字段,如人员表中的“性别”.流程表中的“处理状态”,此类字段中的值高度重复,不建议放到可检索的索引字段中,原因如下: 若数据表字典类型字段的值索引到单独的索引字段中,因字典数据字符数一 ...

  3. springboot 集成Redis一主二从三哨兵

    1.Centos7 Redis一主二从三哨兵配置 Redis一主二从三哨兵环境搭建 2.接入过程 与集成redis单机不同的是jedis相关的配置做了修改,JedisPool换成了JedisSenti ...

  4. xampp修改mysql 启动脚本

    打开xmapp,点击mysql对应的config按钮进入my.ini文件,如图所示: 修改mysqld服务的port参数3306为你想要设置的port,如图2所示: 重新启动mysql服务即可用客户端 ...

  5. selenium实现百度图片爬取

    因为是百度图片是瀑布流ajax异步上传的数据,所以这里用到抓包工具来抓取链接(fiddler) 好了直接上代码, from selenium import webdriver from seleniu ...

  6. Thinkphp5.0终章

    thinkphp5.0最终总结 前期刚开始我是跟着b站上的千峰教育的视频走的,一路上做笔记进行深化与实际操作,中间因为不会开报错,并且视频里面也没有讲到怎么弄报错,因为是新手,那种出错了却不知道错在哪 ...

  7. Thinkphp5.0第二篇

    查询构造器 //插入记录 $result=Db::table('think_data')->insert(['name'=>'张三','status'=>1]); //修改数据 $r ...

  8. Java-Thread00之多线程知识准备

    ------ ![](https://img2018.cnblogs.com/blog/1822322/201910/1822322-20191012170014292-1661101986.jpg) ...

  9. 使用LitePal升级表

    传统的升级表方式   上一篇文章中我们借助MySQLiteHelper已经创建好了news这张表,这也是demo.db这个数据库的第一个版本.然而,现在需求发生了变更,我们的软件除了能看新闻之外,还应 ...

  10. B-线性代数-矩阵转置

    [TOC] 更新.更全的<机器学习>的更新网站,更有python.go.数据结构与算法.爬虫.人工智能教学等着你:https://www.cnblogs.com/nickchen121/ ...