$(document).ready(function(){
//获取IP地址
var useip="";
var temper="";
var locations="";
var wfs="";
var hums="";
var url="";
$.getJSON('http(s)://weixin.jirengu.com/weather/ip',function(useIp){
useip=useIp[data];
console.log(useip);
url="http://v.juhe.cn/weather/ip?format=2&ip=222.82.39.57&dtype=json&format=&key=0e27f5e8dc09e604b74e0d80e822f56a";
$.getJSON(url,function(weathers){
temper=weathers["result"]["temp"];
locations=weathers["today"]["city"];
wfs=weathers["today"]["weather"];
hums=weather["today"]["humidity"];
console.log(temper);
$(".temp").html(temper);
$(".location").html(locations);
$(".wf").html(wfs);
$(".hum").html(hums);
});
});
//获取天气信息
})无法调用天气api，报错误。不知道哪里出错了html部分<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>local weather</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="G:/我的坚果云/前端编程/项目/weather/css/main.css" />
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href='http://cdn.webfont.youziku.com/webfonts/nomal/114055/47019/5a87fd24f629d909e44f6e2d.css' rel='stylesheet' type='text/css' />
<link href='http://cdn.webfont.youziku.com/webfonts/nomal/114055/46908/5a87fc86f629d909e44f6e2c.css' rel='stylesheet' type='text/css' />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
</head>
<body>
<div class="header container">
<div class="row">
<h1 class="col-xs-12 text-center header-text">Local Weather App</h1>
</div>
</div>
<div class="main container">
<div class="row">
<p class="temp col-xs-12 text-center"></p>
<p class="location col-xs-12 text-center"><span class="city"></span></p>
<p class="wf col-xs-12 text-center"></p>
<p class="hum col-xs-12 text-center"></p>
</div>
</div>
<div class="footer container">
<div class="row">
<p class="col-xs-12 text-center">made by Ttang</p>
</div>
</div>
<script src="js/main.js"></script>
</body>
</html>
添加回答
举报
0/150
提交
取消