将Feefo JSON数组提取到Javascript中，显示为HTML列表

Question

我现在正在学习Javascript和JSON，但真的很困惑。

我正在尝试从JSON数组中提取数据，我已经到了这一点

  <div class="container">
    <div id="one">one</div>
    <div id="two">two</div>
    <div id="three">three</div>
  </div>

目前我似乎无法进一步发展。我读过JSON.parse（），也许这就是我需要的。任何帮助/建议非常感谢！

Answer 1

$(function(){
    var $reviews = $('#reviews');
    $.ajax({
        type: 'GET',
        url: "https://api.feefo.com/api/10/reviews/all?merchant_identifier=pub-insurance-4u-co-uk&fields=reviews.service.rating.rating,reviews.service.review,reviews.customer.display_name",
        success: function(reviews) {
        //console.log(reviews);
        $.each(reviews.reviews, function(i, review) {
        $reviews.append('<li>name: '+ review.customer.display_name +', review: '+ review.service.review + ', rating: '+ review.service.rating.rating + '</li>');
    });
   }
 });
});

记录对象并在控制台中查看它会很有帮助。然后你可以看到结构并打印你喜欢的东西。

这就是我做的:) 这是一个截图：

这是小提琴： Fiddle