Question

我需要从URL

中提取数据

这样我就可以用HTML显示前十个数据了。我遇到问题，因为我不太了解这个过程。

我设法使用这个来提取数据：

 $.ajax({
        url: 'https://crossorigin.me/https://api.mcmakler.de/v1/advertisements',
        type: 'GET',
        dataType: "json",
        success: displayAll
    });

function displayAll(data){
    console.log(JSON.stringify(data));
}

如何使用数据并使用HTML显示？

非常感谢您的帮助。

Answer 1

该ajax调用应该返回一个具有.data属性的对象，该属性包含一个包含要显示的数据的对象数组。您只需遍历数组，然后使用点表示法来访问要显示的属性。例如：

$.ajax({
  url: 'https://crossorigin.me/https://api.mcmakler.de/v1/advertisements',
  type: 'GET',
  dataType: "json",
  success: displayAll
});

function displayAll(data) {
  let html = '';
  // the object that is returned as "data" contains a property called
  // "data" that contains the collection of objects
  data.data.forEach(function (item) {
    // Add a div containing information on this item to the HTML we will output
    html += `<div id="item_${item._id.$id}>
      <span class="title">${item.title}</span>
      <span class="rent">Rental price: ${item.advertisementPrice.baseRent}</span>
      <span class="buy">Sell price: ${item.advertisementPrice.sellPrice}</span>`;
  });

  // #target is the element on the page you want to put the information in
  $('#target').html(html);
}

请注意，在撰写此答案时，https://crossorigin.me/似乎包含无效的HTTPS证书，可能无法访问，从而导致错误而不是返回数据。

来自URL的JSON文件 - 前端开发

1 个答案: