我想创建一个简单的网页,从wunderground.com中提取结果。
似乎没有任何东西出现。我插入了load
函数,以便在页面加载时显示某些内容,然后从那里开始工作(样式化我的网站),但我的标题似乎没有显示出来。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"></script>
<h1>Tide High/Low</h1>
<section id="fetch">
<div id="tweets"></div>
<style>
body {
background: #00CCFF;
}
h1 {
font-size: 100px;
font-weight: bold;
text-align: center;
font-family: sans-serif;
color: white;
}
#search {
font-size: 15px;
left: 200px;
font-weight: bold;
font-family: sans-serif;
color: #00CCFF;
margin-left: 275px;
}
</style>
<script>
$("#tweets").load("http://api.wunderground.com/api/961d546ea36a6968/tide.json",
function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("External content loaded successfully!");
if(statusTxt=="error")
alert("wuddup: "+xhr.status+": "+xhr.statusText);
});
function getWeather(callback) {
var weather = 'http://api.wunderground.com/api/961d546ea36a6968/tide.json';
$.ajax({
dataType: "jsonp",
url: weather,
success: callback
});
getWeather(function (data) {
console.log('weather data received');
console.log(data.list[0].weather[0].description);
console.log(data.list[0].weather[0].main);
});
</script>
答案 0 :(得分:0)
对于初学者,您的getWeather
函数声明缺少结束}
。一旦修复,它至少会以一种或多或少的预期方式失败。 (您还有一个未公开的<section>
代码和一个空的<script>
代码,但这些并不是真正的问题。
您应该了解哪些linting工具可用于您的开发环境,或者使用内置于其中的IDE。或者,您可以使用类似jsHint的内容在线检查您的JavaScript,但显然,如果您可以在编码环境中直接使用,则会更容易。
您还应该熟悉首选浏览器可用的调试工具;我个人认为Chrome dev tools不可或缺,但几乎所有的浏览器都有类似的工具。