Working with JSON via GET requests in Javascript

Question

I've built a php API that provides data in json output, I need to get the values via a get request to then plot as a graph on the page.

The front end web component in hosted on the same server as in the api in this basic structure:

index.php
graph.php
/api/
/api/src
/api/src/api.php

My current code in graph.php is as follows:

<script>
        var myJson;

        $.getJson('api/src/api.php/poll/results/current/13/', function(jd){
          myJson = jd.AnswerCount.1;
        });

        document.getElementById('jsonhere').innerHTML = myJson; //just to test
</script>

The endpoint outputs data like the following:

{"AnswerCount":{"1":5,"3":1,"2":2,"4":1,"5":5,"6":3,"7":2}}

Which I need loaded into a key-value pair array,

1:5
3:1
2:2
4:1
...

to then be put into the graphing library.

How do I fix my code/write new code to do this? I'm pretty stuck here.

EDIT:

On a hunch I logged all the get requests via wireshark, and no request is ever sent to the url in question. Even with an empty function { } ? http://grab.kfouwels.com/pmgW

Quentin · Accepted Answer · 2013-08-14 15:45:16Z

2

You can't use a number as an identifier, to access the 1 property you have to say [1] not .1
You have to use the variable containing your data, not x which hasn't been mentioned until you try to assign it somewhere
The A in Ajax stands for Asynchronous. You have to work with your data inside your callback since the function you pass to getJson won't be called until the HTTP response arrived but the line starting document.get will run as soon as the HTTP request has been sent.

answered Aug 14, 2013 at 15:45

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

2 Comments

Kaelan Fouwels Over a year ago

I tried the above, and still nothing. Looking at the packet transmissions via wireshark, no get request is ever sent to the GET url in question? Even with an empty function { } in the .getJson grab.kfouwels.com/pmgW

Kaelan Fouwels Over a year ago

None at all, which is the odd thing

Collectives™ on Stack Overflow

Working with JSON via GET requests in Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related