लोड देश फ्लैग Geonames एपीआई से JSONP तकनीक

Question

यह Request.JSONhttp://mootools.net/demos/?demo=Request.JSON का उपयोग कर इस तरह एक तरह से JSON डेटा का उपयोग कर,

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 के माध्यम से Countrycode और CountryFlags पुनः प्राप्त करने के जहां xx 2 अक्षर वाले ISO देश कोड

Answer 1

झंडे GIF के रूप में लौटा दिए जाते हैं फ़ाइलों के बजाय JSON किसी भी प्रकार का है एक विधि के लिए देख रहा हूँ। आप बस

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

लेकिन भरें ?? देश कोड के साथ geonames का उपयोग करता है।

आप टैग को अपने पृष्ठ में कहीं भी डाल सकते हैं और यूआरएल को आपके द्वारा गणना की गई किसी भी यूआरएल को बदलने के लिए कुछ जावास्क्रिप्ट का उपयोग कर सकते हैं या आप अपने सर्वर पर यूआरएल पा सकते हैं और इसे HTML पेज के रूप में डालने के रूप में डालें।

आप जावास्क्रिप्ट में यह करने के लिए चाहते हैं, उदाहरण के लिए, jQuery में आप कुछ इस तरह = 'myImage' आईडी के साथ एक पहले से ही भरी हुई छवि टैग पर यूआरएल परिवर्तन होगा

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

Answer 2

इसी प्रकार सेवा, geonames.org की तरह:

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