javascript - 如何从 import.io API 获取数据？

Question

我正在尝试从我的 import.io APi 获取数据，我想在我的网站上以无序列表的形式显示此数据。

你能告诉我如何做到这一点吗？

这是我到目前为止所拥有的:

document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {
    //console.log('device is ready');
    $.ajax({
        type: 'GET',
        url: 'https://api.import.io/store/connector/93f9c80c-f8c1-4a5f-807c-f70f88630972/_query?input=webpage/url:http%3A%2F%2Fnuzzel.com%2FWAStatzz&&_apikey=e4fb993c758a43dda0ca9135d3b3264deebed4b302b0d342e2b3fabb2b49afc9c14493d0d53d65d0ea2a0fd19b45f6d10cda5252f76410921188d38cb4e6db8fc28527d64207329b2c86bdc5119bac97',
        dataType: 'json',
        crossDomain: true,
        success: function(data) {
            console.log(data); //The log dont show me nothing.
        }
    });
}

Answer 1

看来您的 API 运行良好。

以下示例展示了如何显示包含每个项目的所有标题的列表。

我刚刚将 deviceready 替换为 DOMContentLoaded 以使其在桌面上运行。

//document.addEventListener('deviceready', onDeviceReady, false);
document.addEventListener('DOMContentLoaded', onDeviceReady, false);
function onDeviceReady() {
  //console.log('device is ready');
  $.ajax({
    type: 'GET',
    url: 'https://api.import.io/store/connector/93f9c80c-f8c1-4a5f-807c-f70f88630972/_query?input=webpage/url:http%3A%2F%2Fnuzzel.com%2FWAStatzz&&_apikey=e4fb993c758a43dda0ca9135d3b3264deebed4b302b0d342e2b3fabb2b49afc9c14493d0d53d65d0ea2a0fd19b45f6d10cda5252f76410921188d38cb4e6db8fc28527d64207329b2c86bdc5119bac97',
    dataType: 'json',
    crossDomain: true,
    success: function(data) {
      var result = data.results;
      var list = $('ul');
      for (var i = 0; i < result.length; i++) {
          list.append('<li><b>headline</b>:' + result[i].headline + '</li>');
      }
    }
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul id="result">
  
</ul>