$.ajax.html

<!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>

随机推荐

全文搜索引擎 Elasticsearch
写在前面最近在学Elasticsearch , 我相信只要是接触过开发的都会听过Elasticsearch或ELK这么一个技术. 主要用来做全文检索或大数据分析等,之前一直处理了解状态. 所以打算系 ...
23种设计模式之观察者模式（Observer Pattern）
观察者模式(Observer Pattern):定义了一种一对多的依赖关系,让多个观察者对象同时监听某一个主体对象,这个主题对象在状态发生变化时,会通知所有观察者.当一个对象改变需要同时改变其他对象, ...
springmvc(三)
Spring MVC上传 Spring MVC为文件上传提供了直接的支持,这种支持是用即插即用的MultipartResolver实现的.SpringMVC使用Apache Commons FileU ...
centos7 远程连接其他服务器redis
在本地远程连接在终端输入: redis-cli -h 服务器ip地址 -p 端口 -a 密码
Kafka 学习笔记之 High Level Consumer相关参数
High Level Consumer相关参数自动管理offset auto.commit.enable = true auto.commit.interval.ms = 60*1000 手动管理o ...
Java的一些基础知识深入
1.浅析Java中的final关键字: 2.Java中的static关键字解析: 3.探秘Java中String.StringBuilder以及StringBuffer: 4.Java内部类详解: 5 ...
Android资源管理利器Resources和AssetManager
前言 : Android工程在运行的时候往往需要引用资源.使用 Resources 来获取 res 目录下的各种与设备相关的资源.而使用 AssetManager 来获取 assets 目录下的资源 ...
ShutdownHook- Java 优雅停机解决方案
想象一下,如果你现在刚好在 word 上写需求文档,电脑突然重启.等待开机完成,你可能会发现写了一个小时文档没有保存,就这么没了... 一个正在运行 Java 应用如果突然将其停止,影响不止数据丢失, ...
python语言程序设计基础（嵩天）第二章课后习题
p56: *2.1 实例1的修改.改造实例代码1.1,采用eval(input(<提示内容>))替换现有输入部分,并使输出的温度值为整数. 源代码: TempStr=input(" ...
C#使用GUID作为随机数种子
使用C#默认的Random无参构造的next生成的随机数,在快速生成随机数的时候,会出现大批量的重复.使用guid作为随机数种子,效果会好很多 Guid temp = Guid.NewGuid(); ...

$.ajax.html

随机推荐

热门专题