Converting a Review API call to html

Question

I am sorry to trouble. I am unable to convert an API call into html that can go on a web page.

The call is like this: https://api.feefo.com/api/version/reviews/summaryall?merchant_identifier=example-retail-merchant

And it produces something like this:

{
  "merchant": {
    "identifier": "example-retail-merchant", 
    "name": "Example Retail Merchant", 
    "url": "http://www.exampleretailmerchant.co.uk", 
    "logo": "example-retail-merchant-logo.png", 
    "review_url": "http://www.feefo.com/en_GB/reviews/example-retail-merchant"
  }, 
  "meta": {
    "count": 3878, 
    "pages": 194, 
    "page_size": 20
  }, 
  "rating": {
    "min": 1, 
    "max": 5, 
    "rating": 4.9, 
    "service": {
      "count": 3878, 
      "1_star": 8, 
      "2_star": 28, 
      "3_star": 0, 
      "4_star": 181, 
      "5_star": 3661
    }, 
    "product": {
      "count": 6240, 
      "1_star": 55, 
      "2_star": 102, 
      "3_star": 0, 
      "4_star": 724, 
      "5_star": 5359
    }
  }
}

Can anyone please point me in the right directoion?

Thank you so much...

Answer 1

According to jQuery, you can use the following function to make API calls:

$(document).ready( function() {
var info;
var whitelisted; 
var quantity;
$.get("https://api.guildwars2.com/v2/commerce/prices/24615",function(obj){
    info = obj['id'];
    whitelisted = obj["whitlelisted"]
    quantity = obj.buys['quantity']
    $("#id1").html("id :"+info);
    $("#whitelist").html("whitelisted :"+whitelisted);
    $("#quan").html("quantity :"+quantity);
  });
});