jQuery Ajax应用之--天气预报

Posted 前端三十分

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery Ajax应用之--天气预报相关的知识,希望对你有一定的参考价值。

天气api:

http://api.asilu.com/weather/

特别致谢api提供者.
天气预报查询

  1. 使用的bootstrap进行快速网页构建

  2. 添加了一个动画效果,初始状态下天气还未加载时是隐藏的,在输入城市名进行查询之后才加载出来;

  3. 将查询按钮的点击事件与回车键绑定

demo:



以上是关于jQuery Ajax应用之--天气预报的主要内容,如果未能解决你的问题,请参考以下文章

几个非常实用的JQuery代码片段

jQuery的文档操作(重点)/简单接触ajax(和风天气)

新手向一个超简单的基于jQuery ajax的天气预报

十条jQuery代码片段助力Web开发效率提升

十条jQuery代码片段助力Web开发效率提升

jQuery中的Ajax