json - 使用 JSONP 技术从 Geonames API 加载国家国旗

Question

此Request.JSON http://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 使用的国家/地区代码。

您可以将标记放在页面中的某个位置，然后使用一些 JavaScript 将 URL 更改为您计算出的 URL，或者您可以在服务器上计算 URL 并在创建 HTML 页面时将其插入。

如果您想在 javascript 中执行此操作，例如在 jQuery 中，您将使用类似的方法来更改已加载的图像标记上的 URL，其中 id='myImage'

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