跨域请求被阻止，CORS请求未成功）

Question

在这里，我试图通过纬度和经度使用地名api获取用户的位置。我有一个模态形式和下拉列表，所有国家都在那里。我想做的是，当我打开模式时，它会自动填充用户所在国家的下拉列表。但是这些错误让我很难过，这是跨原点错误。

注意：input_22_15是下拉列表的ID

if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition)
    } 
    else { 
        console.log("Geolocation is not supported by this browser.");
    }

function showPosition() {
    $.getJSON('https://api.geonames.org/countryCode?', {
    lat: position.coords.latitude,
    lng: position.coords.longitude,
    username: 'demo', 
    type: 'JSON'
},
    function(result) {
    jQuery('#input_22_15').val(result.countryName);
});
}