Json的回复，在页面的div上显示每个结果

Question

我正在向API发出发布请求，并且正在返回Json。我需要帮助解析JSON有效负载，因为它是一个数组。我想显示数组的每个迭代（result.payload），并将其分配为显示在页面上的div中。

function search() {
    $.ajax({
     url: 'api/search',
        data : JSON.stringify({"text": "school","attributes": ["string"], "Population": 0}),
        contentType : 'application/json',
        type : 'POST',
        success: function (result) {
         console.log(result);
            },
        error: function( jqXhr, textStatus, errorThrown ){
            console.log( errorThrown );
        }
    })
}

这是结果返回的内容 https://gyazo.com/fe0126af26e376ea4cc1f4ec53cfbad8

Answer 1

您可以遍历接收到的数组并为每个条目生成一个新的div，然后将其添加到页面上的元素中，您可以通过多种方式做到这一点。

success: function (result) {
   for(const row of result.payload){
      $("#results").append(`<div>${row.campusName}</div>`);
   }
}

这要求您在页面上某处有一个div，其ID为results

请注意，这与旧版浏览器不超级向后兼容。