2013-01-03 225 views
13

Request.JSONhttp://mootools.net/demos/?demo=Request.JSON在這樣的方式使用JSON數據,負載國家的國旗國地名API使用JSONP技術

var data = {"previews":[ 
    {"Countrycode":"us", "src":"us.jpg", "description":"desc will be here"}, 
    {"Countrycode":"uk", "src":"uk.jpg", "description":"desc will be here"}, 
]}; 

在上述方法中,我們使用Countrycode & images每個圖像我們的自我書寫名字。

我在尋找通過http://api.geonames.org/export/geonamesData.js?username=orakzai使用Geonames通過http://www.geonames.org/flags/x/xx.gif檢索CountrycodeCountryFlags其中xx是2個字母的ISO國家代碼

回答

24

的標誌返回GIF文件,而不是任何形式的JSON的方法。你只需要使用

<img id='myImage' src="http://www.geonames.org/flags/x/??.gif" /> 

但是填寫??與geonames使用的國家代碼。

您可以將標記放置在您的頁面的某處並使用一些javascript將URL更改爲您已計算的URL,或者可以在服務器上繪製URL並在創建HTML頁面時插入它。

如果你想這樣做在JavaScript中,例如,在jQuery的你有這樣的事情來改變URL上已加載圖像標籤使用id =「MYIMAGE」

$("#myImage").attr('src', "http://www.geonames.org/flags/x/" + countryCode + ".gif") 
+0

其確定爲圖像,但如何從http://api.geonames.org/export/geonamesData.js得到'Countrycode' ?username = orakzai – Arif

+0

它的腳本,這裏是講述如何加載腳本的mootools頁面:[點擊這裏](http://mootools.net/docs/more/Utilities/Assets),這裏是jQuery [點擊這裏] {http://api.jquery.com/jQuery.getScript/) –

+1

網址現在採用以下格式:http://geotree.geonames.org/img/flags18/xx.png –

6

類似的服務,像geonames.org:

var country_code = 'uk', 
 
    img_uri = 'https://flagpedia.net/data/flags/normal/' + country_code + '.png';

+1

除「uk」不是國家代碼。在這種情況下,「gb」會起作用。 –