2013-10-15 41 views
1

我一直在網上搜索使用API​​的很好的教程。不幸的是,我一直無法找到解釋如何的教程/文章。我的目標是使用Jquerys JSON從特定API檢索數據。在這種情況下,API是MagicSeaWeeds:http://magicseaweed.com/api/CP86f5quQqmB1fpW2S3bZVUCS8j1WpUF/forecast/?spot_id=10如何使用API​​?

API文檔:http://magicseaweed.com/developer/forecast-api

我很新的這一點,我想知道是否有人能可能爲我提供了一些很好的來源,以幫助我開始嗎?或者更好,向我解釋我將如何去做。

謝謝,對不起,如果我浪費任何人的時間,

User2379090

+0

API是一個簡單的一套方法來訪問數據和操作對象。例如,看看jQuery的文檔。 http://api.jquery.com您將使用開發人員提供的內容來實現您的目標。這就是說,你的問題並不適合SO的格式,可能會被關閉。不要個人承擔。 – isherwood

+0

[這](http://www.gethifi.com/blog/how-to-use-json-apis-with-jquery)似乎是一個很好的使用API​​與jQuery的教程。在[這裏]還有另一個好處(http://coding.smashingmagazine.com/2012/02/09/beginners-guide-jquery-based-json-api-clients/)。 – raf

回答

1

你會驚奇地發現這是多麼容易使用jQuery。消費從上面的URL JSON的飼料,你只是看:

$.ajax({ 
    dataType: "jsonp", // bypass same-origin-policy limitations 
    url: url 
}).done(function(data) { 
    console.log(data); 
    // The result is an array, so loop over each one 
    $.each(data, function() { 
     // Do something with the item, e.g: 
     var diff = this.swell.maxBreakingHeight - this.swell.minBreakingHeight; 
     console.log(diff); 
    }); 
}); 

jsFiddle Demo

+0

非常感謝你! – user2379090

+0

@ user2379090:我不得不更新 - 解決[同源策略](http://en.wikipedia.org/wiki/Same-origin_policy)。還包括一個工作演示。 –

+0

我在我的wordpress網站上使用了magicseaweed api,但它不能在https頁面上工作。在簡單的http請求頁面中,它的工作正常。您可以幫助我...嗎? –