過去 7 日間の天気情報を取得しようとしていますが、何も返されません。ブラウザからURLを入力すると、動作し、xml
フォーマット コードが返されます。しかし、jquery コードを使用して html を実行すると、実行されません。どこが間違っていたのか教えてください。
私のコードは次のとおりです。
<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<title>OpenWeatherMap API jQuery Plugin</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style>
/* for presentation only */
body {
font: 16px Arial, Helvetica, sans-serif;
margin: 0;
}
.weather-wrapper {
background: skyblue;
margin: 5% 0 5% 5%;
padding: 40px 5%;
float: left;
color: white;
width: 70%;
max-width: 400px;
}
strong {
color: steelblue;
}
.capitalize {
text-transform: capitalize;
}
.hide {
display: none;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="application/javascript">
$(document).ready(function(){
$.getJSON('http://api.openweathermap.org/data/2.5/forecast/daily?q=Hyderabad,IN&mode=xml&appid=c9d49310f8023ee2617a7634de23c2aa',function(result){
console.log(result);
});
});
</script>
</head>
<body lang="en">
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='js/lib/jquery.1.9.1.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script src="js/plugins/openWeather.min.js"></script>
</body>
</html>