js access to object JSON from url

Question

in some case i want to show a specific object of JSON file which is load from url in js :

<div id="me2"></div>
<script>
function Get(yourUrl){
    var Httpreq = new XMLHttpRequest(); // a new request
    Httpreq.open("GET",yourUrl,false);
    Httpreq.send(null);
    return Httpreq.responseText;          
}
var json_obj = JSON.parse(Get('https://www.instagram.com/barkobco/?__a=1'));
document.getElementById("me2").innerHTML = json_obj.graphql.user.edge_follow;
</script>
</body>
</html>

but the output is : [object Object]

why?

the correct object value is : 25

The code presented does not perform a request in the correct manner. See MDN's article on the topic for examples. — Heretic Monkey
– Heretic Monkey, Commented Jun 18, 2020 at 12:00
Does this answer your question? How to get the response of XMLHttpRequest? — Heretic Monkey
– Heretic Monkey, Commented Jun 18, 2020 at 12:00

FrostyZombi3 · Accepted Answer · 2020-06-18 12:01:24Z

1

If you are trying to get the count, you'll have to go 1 more level:

<div id="me2"></div>
<script>
function Get(yourUrl){
    var Httpreq = new XMLHttpRequest(); // a new request
    Httpreq.open("GET",yourUrl,false);
    Httpreq.send(null);
    return Httpreq.responseText;          
}
var json_obj = JSON.parse(Get('https://www.instagram.com/barkobco/?__a=1'));
document.getElementById("me2").innerHTML = json_obj.graphql.user.edge_follow.count;
</script>
</body>
</html>

answered Jun 18, 2020 at 12:01

FrostyZombi3

6395 silver badges14 bronze badges

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

Comments

ABGR · Accepted Answer · 2020-06-18 12:03:27Z

1

That's because json_obj.graphql.user.edge_follow is still an object you need to find .count of it.

<div id="me2"></div>
<script>
function Get(yourUrl){
    var Httpreq = new XMLHttpRequest(); // a new request
    Httpreq.open("GET",yourUrl,false);
    Httpreq.send(null);
    return Httpreq.responseText;          
}
var json_obj = JSON.parse(Get('https://www.instagram.com/barkobco/?__a=1'));
console.log(json_obj)
document.getElementById("me2").innerHTML = json_obj.graphql.user.edge_follow.count;
</script>
</body>
</html>

answered Jun 18, 2020 at 12:03

ABGR

5,2634 gold badges34 silver badges56 bronze badges

Collectives™ on Stack Overflow

js access to object JSON from url

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related