How to access data from JSON object?

Question

https://i.stack.imgur.com/9Pha0.png This is the part of my JSON. I need to access photo_file_url

I tried to write it as

$.ajax( {
        url: "http://www.panoramio.com/map/get_panoramas.php?set=public&from=0&to=1&minx="+longitude+"&miny="+latitude+"&maxx="+lonmax+"&maxy="+latmax+"&size=original&mapfilter=true",
        type: "get",
        success: function(response) {
        document.getElementById("back").innerHTML = response.photos.photo_file_url;
        }
});

but it doesn't work

is `photos` an array/list of photo objects? If so you need to access those via their index first. — lemieuxster, Jul 30 '15 at 22:49
possible duplicate of [how to parse json data with jquery / javascript?](http://stackoverflow.com/questions/8951810/how-to-parse-json-data-with-jquery-javascript) — klenium, Jul 30 '15 at 22:54

score 0 · Answer 1 · answered Jul 30 '15 at 22:50

Since you are doing an async GET request, you can also use

$.getJSON("http://www.panoramio.com/map/get_panoramas.php?set=public&from=0&to=1&minx="+longitude+"&miny="+latitude+"&maxx="+lonmax+"&maxy="+latmax+"&size=original&mapfilter=true", function(response) {
  // response will be a json object
  document.getElementById("back").innerHTML = response.photos.photo_file_url;
});

I recommend this solution only because you are doing an asynchronous GET request which is synonymous with $.getJSON()

score 0 · Answer 2 · answered Jul 30 '15 at 22:50

$.ajax( {
        url: "http://www.panoramio.com/map/get_panoramas.php?set=public&from=0&to=1&minx="+longitude+"&miny="+latitude+"&maxx="+lonmax+"&maxy="+latmax+"&size=original&mapfilter=true",
        type: "get",
        success: function(response) {
        response = $.parseJson(response); //parse json object
        document.getElementById("back").innerHTML = response.photos.photo_file_url;
        }
});

score 0 · Answer 3 · answered Jul 30 '15 at 22:51

0

success: function(response) {
    document.getElementById("back").innerHTML = JSON.parse(response).photos[0].photo_file_url;
}

Or

$.ajax({
    dataType: "json"
    succes: ...

Or $.getJSON

answered Jul 30 '15 at 22:51

klenium

2,468
2
24
47

score 0 · Answer 4 · edited May 23 '17 at 12:17

0

Ajax-Parse JS/JQuery

How to access JSON object in JavaScript

I don't know how helpful these will be but hopefully it's a starting point.

edited May 23 '17 at 12:17

Community

1
1

answered Jul 30 '15 at 22:52

python490

11
1

score -1 · Answer 5 · edited May 23 '17 at 12:24

-1

Your response is a string, you can convert it to an object using JSON.parse.

EDIT: For compatibaility $.parseJSON. See this answer.

edited May 23 '17 at 12:24

Community

1
1

answered Jul 30 '15 at 22:48

Ivan

10,052
12
47
78

How to access data from JSON object?

5 Answers5