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

Question

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

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

$(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) {

        $.each(reviews, function(i, review) {
        $reviews.append('<li>name: '+ review.display_name +', review: '+ review.review + ', rating: '+ review.rating + '</li>');
    });
   }
 });
});

目前我似乎无法走得更远。我读过有关 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 : Fiddle