Trouble displaying data from ajax json parse

Question

This is the link to my codepen: http://codepen.io/dsemel/pen/VamEyE

This is the section of code that seems to be the problem:

function success(position){

var WeatherKey = '6068dffce2f44535a07202457162103';

var lat = position.coords.latitude; 

var long = position.coords.longitude; 



   var weatherUrl = "http://api.apixu.com/v1/current.json?key=" + WeatherKey +     
                     "&q=" + lat + "," + long;



$.ajax({
url : weatherUrl,
type: 'GET',
dataType : 'json',
success : function(data) {
var city = data['location']['name'];
    var tempFar = data['current']['temp_f'];
    var img = data['condition'][0]['icon'];

    var desc = data['condition']['text'];

$('#weatherInfo2').text(tempFar);  
}

 });
}

The tempFar data will not display on the page.

Daniel Semel
– Daniel Semel

2016-03-26 00:32:40 +00:00
Commented Mar 26, 2016 at 0:32 — Daniel Semel
– Daniel Semel, Commented Mar 26, 2016 at 0:32

Witgamwogar · Accepted Answer · 2016-03-26 00:52:53Z

1

Make sure you check your developer tools console when you encounter these errors. Your code is throwing this error Uncaught TypeError: Cannot read property '0' of undefined.

The condition object is part of the current object, therefore you have to access the current object before accessing the condition object.

Updated working codepen

answered Mar 26, 2016 at 0:52

Witgamwogar

915 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rahul · Accepted Answer · 2016-03-26 00:55:26Z

0

I think your code works fine you just missed a small thing in your code i corrected that http://codepen.io/rahulchaturvedie/pen/RagGdR

$.ajax({
  url : weatherUrl,
  type: 'GET',
  dataType : 'json',
  success : function(data) {
    console.log(data);
    var city = data['location']['name'];
    var tempFar = data['current']['temp_f'];
    var img = data.current.condition.icon; // correct this
    var desc = data.current.condition.text; // correct this
    $('#weatherInfo2').text(tempFar);  
   }   
  });

answered Mar 26, 2016 at 0:55

Rahul

6855 silver badges15 bronze badges

1 Comment

Rahul Over a year ago

i am glad i could help.

Collectives™ on Stack Overflow

Trouble displaying data from ajax json parse

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related