javascript - 如何在 jQuery 中解析此 API 返回值？

Question

我正在尝试循环产品数组中的所有项目。 使用 ajax 调用，我从 API 获得以下响应:

productData = {"product":[{"id":"9200000083451240","title":"Apple Lightning Cable"},{"id":"9200000098453451","title":"Apple iPhone XR"}],"totalResultSize":2}

正如您所看到的，我需要的数据位于变量“productData”内，我如何从 AJAX 响应数据访问它？

我尝试过 data.productData.product 和其他一些东西，但没有任何效果。

    var searchTerm = $("#searchterm").val();

    $.ajax({
        url: 'https://api.com/search?term=' + searchTerm,
        type: 'GET',
    }).done(function (data) {
        $.each(data.productData.product, function (index, element) {
            console.log(element.title);
        });
        console.log('---- Data ----');
        console.log(data);
    });

请帮忙。

Answer 1

productData = {"product":[{"id":"9200000083451240","title":"Apple Lightning Cable"},{"id":"9200000098453451","title":"Apple iPhone XR"}],"totalResultSize":2}

不是有效的 json 响应。

{"product":[{"id":"9200000083451240","title":"Apple Lightning Cable"},{"id":"9200000098453451","title":"Apple iPhone XR"}],"totalResultSize":2}

是有效的 json 响应，可以使用以下方式获取:

// after success in ajax
.done(function (data) {
   console.log(data.product);   // More under it
   console.log(data.totalResultSize);
})