2016-03-21 25 views
0

Import.io APi'mden veri almaya çalışıyorum, bu verileri sitemde bir unorderd listesinde görüntülemek istiyorum.Import.io API'mdan nasıl veri alabilirim?

Bunu nasıl yapacağınızı söyleyebilir misiniz?

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. 
     } 
    }); 
} 

cevap

3

It API mükemmel çalışıyor görünüyor:

Bu defa ne var.

Her öğe için bir listenin tüm headline'larla nasıl gösterileceğine dair bir örnek.

Masaüstünde çalışmasını sağlamak için DOMContentLoaded ile deviceready'u değiştirdim.

//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>

İlgili konular