$.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>

随机推荐

Spring Boot 2.x基础教程：构建RESTful API与单元测试
首先,回顾并详细说明一下在快速入门中使用的@Controller.@RestController.@RequestMapping注解.如果您对Spring MVC不熟悉并且还没有尝试过快速入门案例,建 ...
全文搜索引擎 Elasticsearch
写在前面最近在学Elasticsearch , 我相信只要是接触过开发的都会听过Elasticsearch或ELK这么一个技术. 主要用来做全文检索或大数据分析等,之前一直处理了解状态. 所以打算系 ...
js深度克隆对象、数组
function deepCopy(o) { if (o instanceof Array) { var n = []; for (var i = 0; i < o.length; ++i) { ...
j2ee开发之struts2框架学习笔记
Struts2框架技术重点笔记 1.Struts2 是在webwork基础上发展而来. 2.Struts2 不依赖struts API和 servlet API 3.Struts2提供了拦截器,表现层 ...
利用百度云接口实现车牌识别·python
一个小需求---实现车牌识别. 目前有两个想法 1. 调云在线的接口或者使用SDK做开发(配置环境和变异第三方库麻烦,当然使用python可以避免这些问题) 2. 自己实现车牌识别算法(复杂) 一开始 ...
Python3爬虫基础实战篇之机票数据采集
项目:艺龙国内机票实时数据爬虫使用模块:requests(请求模块),js2py(js执行模块),json(解析json),xpath(解析网页). 项目流程: 分析网站数据来源. 编写爬虫脚本. ...
uC/OS-III 时间管理（二）
时间管理就是一种建立在时钟节拍上,对操作系统任务的运行实现时间上管理的一种系统内核机制. 常用以下五个函数: OSTimeDly() OSTimeDlyHMSM() OSTimeDlyResume() ...
shell命令大全笔记
## -print 将匹配的文件输出到标准输出## -exec 将匹配的文件执行该参数所给出的shell命令## -ok 将匹配的文件执行该参数所给出的shell命令,每次执行命令有提示 #----- ...
美化你的IDEA—背景图片
IDEA设置背景图片很多人都不知道IDEA可以像桌面一样设置背景图片,下面我们来美化我们的开发工具. 有的IDEA版本是搜不到的,我这个就是,现在搜的是已经装好的. 没有的我们可以去http://p ...
【DP合集】tree-knapsack
Description 给出一个 N 个节点的有根树,点编号 1 ∼ N ,编号为 i 的点有权值 v i .请选出一个包含树根的,点数不超过 K 的连通块,使得点权和最大. Input 输入的第一 ...

$.ajax.html

随机推荐

热门专题