Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AJAX Basics (retiring) AJAX and APIs Set up the data to pass to the API

Posted by MUZ140783 Johannes Zvomunya
MUZ140783 Johannes Zvomunya
5,782 Points

a variable named data. Assign it an empty JavaScript object. Hint: an object in JavaScript is created with a pair of bra

a variable named data. Assign it an empty JavaScript object. Hint: an object in JavaScript is created with a pair of braces like this: { }

weather.js 
$(document).ready(function() {
  var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather';

});
var data={}
index.html 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>What's the Weather Like?</title>
  <script src="jquery.js"></script>
  <script src="weather.js"></script>
</head>
<body>
  <div id="main">
    <h1>Current temperature: <span id="temperature"></span>&deg;</h1>
  </div>
</body>
</html>

4 Answers

Steve Hunter
Steve Hunter
57,712 Points

You're correct - just move it inside the function:

$(document).ready(function() {
  var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather';
  var data = {};
});

And add the semi-colon.

Steve.

Cameron Mosser
Cameron Mosser
7,102 Points
Cameron Mosser
Cameron Mosser
7,102 Points

The location of var data is causing the error.

$(document).ready(function() {
  var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather';
  var data = {}; <!-- this is where you need to place var data -->
});
anh doan
anh doan
4,419 Points
anh doan
anh doan
4,419 Points

the above code did not work for me but once I take out the semicolon, now it works:

$(document).ready(function() {
 var weatherAPI = 'http://api.openweathermap.org/data/2.5/weather';
var data = {}

});
anh doan
anh doan
4,419 Points
anh doan
anh doan
4,419 Points

the answers above does not work for me??? I copied and pasted too