[Js/Jquery]天气接口简单使用
2024-10-18 00:35:00
写在前面
今天在群里有朋友使用一个天气api,觉得挺实用的,就记录一下。省的以后再花费功夫去找。
地址:http://www.k780.com/api,在这个网站提供了实用的几种接口,比如查询ip,天气,身份证等信息。
参数介绍
一个例子
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>天气</title>
<script src="jquery-1.11.0.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$.ajax({
url: "http://api.k780.com:88/?app=weather.today&weaid=1&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json&jsoncallback=?",
dataType: "jsonp",
type:"Post",
jsonpCallback: "jsonpCallback",
success: function (data) {
var $ul = $("<ul></ul>");
$.each(data, function (i, v) {
if (i=="success") { } else {
$("#dvWeather").html("weaid:" + v.weaid + "<br/>" + "days:" + v.days + "<br/>" + "week:" + v.week + "<br/>" + "cityno:" + v.cityno + "<br/>" + "citynm:" + v.citynm + "<br/>" + "cityid:" + v.cityid + "<br/>" + "temperature:" + v.temperature + "<br/>" + "humidity:" + v.humidity + "<br/>" + "weather:" + "<br/>" + "weather_icon:" + "<img src='" + v.weather_icon + "'></img>" + "<br/>" + "weather_icon1:" + "<img src='" + v.weather_icon1 + "'></img><br/>" + "wind:" + v.wind + "<br/>" + "winp:" + v.winp + "<br/>" + "temp_high:" + v.temp_high + "<br/>temp_low:" + v.temp_low + "<br/>humi_high:" + v.humi_high + "<br/>humi_low:" + v.humi_low + "<br/>weatid:" + v.weatid + "<br/>weatid1" + v.weatid1 + "<br/>windid:" + v.windid + "<br/>winpid:" + v.winpid);
} });
},
error: function (responseText, textStatus, XMLHttpRequest) {
alert(textStatus);
}
});
}); </script>
</head>
<body>
<div id="dvWeather"></div>
</body>
</html>
结果
总结
最后发现这个api也是收费的,对免费的访问次数也是有限制的。不过对于学习还是有点用处的,使用该api,研究研究跨域请求还是有帮助的。
最新文章
- 深入理解javascript作用域系列第五篇——一张图理解执行环境和作用域
- elk系列5之syslog的模块使用
- 曲演杂坛--特殊字符/生僻字与varchar
- log4j2 使用说明
- windows实时操作系统
- C# list 筛选FindAll,根据参数过滤
- Sharepoint网站创建自定义导航全记录
- 隐藏TabBar的一些方法小结(适用与各种情况)
- MVC中的文件上传-小结
- bzoj 2245 [SDOI2011]工作安排(最小费用最大流)
- eclipse sae上传代码
- gSoap客户端示例程序
- Sphinx配置过程
- DIY智能家居——零基础入门篇
- 编写手机端自适应页面案例,springMVC代码,SpringMVC上传代码,去掉input框中原有的样式,使ios按钮没有圆角,css中的border-radius类似
- Python generator和yield介绍
- JS自学笔记03
- JVM G1GC参数配置
- Maven学习(一)概念简述和安装教程
- 新的Blog