使用jQuery进行API Rest调用

Question

I'm trying to make a REST call from jquery to a rest service. I am going to consume data from OpenMRS API . I was following the instructors of this post.

Now, I made the call , but still stacking with parsing the object to Json and showing it on the HTML Page. I got problems in doing that. I am sharing code on this JSFiddle.

What are the different steps to parse JSon response ?

To explore the object , I am using Chrome Console. I wrote this line as an example of can I consume data (Observation in this case):

 `$('#result').html('<p>' + data[0].concept +  '<p>');`

'

Answer 1

In your example data is already an object. Si you just navigate through it like any other object;

ex:

$('#result').html('<p>' + data.results[0].concept.display +  '<p>');

On the js put :

success: function (data) {
            console.log(data);

So you can use the chrome console to see how the object is made. Below a partial exemple of the console.log output:

Object {results: Array[15]}
results: Array[15]
0: Object
accessionNumber: null
comment: null
concept: Object
display: "Patient Record Image"
links: Array[1]
uuid: "raxa00000-0000-0000-0000-000000000023"
__proto__: Object