我在使用 API（特别是 Forecast.io 天气 API）创建完整的应用程序时遇到一些问题。为简单起见，我将 JS 直接放在 HTML 页面中。对于这个基本版本，我很高兴能有这样的展示。假设我想要当前温度（当前 -> 温度）。另外，我不确定是否“？回调？”始终建议所有 RESTful API 使用。
<!DOCTYPE html>
<html>
<body>
<p id="weather">Here's the weather:<p>
<button onclick="b()">Submit</button>
<script>
function b(){
var apiKey = '<private>';
var url = 'https://api.forecast.io/forecast/';
var lati = 0;
var longi = 0;
var data;
$.getJSON(url + apiKey + "/" + lati + "," + longi + "?callback=?", function(data) {
$('#weather').innerHTML('and the weather is: ' + data[4].temperature);
});
}
</script>
</body>
</html>
你犯的主要错误是不包括 jQuery :-)
下一个是，在 jQuery 对象上，您需要使用 html() 函数而不是 JavaScript 原生的 innerHTML 属性。
如果您使用console.log(data)，您可以看到返回对象的所有属性，因此您可以像data.currently.Temperature一样正确引用它
<!DOCTYPE html>
<html>
<body>
<p id="weather">Here's the weather:<p>
<button onclick="b()">Submit</button>
<script>
function b(){
var apiKey = '<PRIVATE>';
var url = 'https://api.forecast.io/forecast/';
var lati = 0;
var longi = 0;
var data;
$.getJSON(url + apiKey + "/" + lati + "," + longi + "?callback=?", function(data) {
//console.log(data);
$('#weather').html('and the temperature is: ' + data.currently.temperature);
});
}
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</body>
</html>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
