如何使用简单的Javascript检测访客国家

如何解决如何使用简单的Javascript检测访客国家

此代码不适用于正方形空间，有人可以识别此代码有什么问题。但是，它可以在jsfiddle上工作。

<script src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>


<script>
 jQuery(document).ready(function($) {
    jQuery.getScript('http://www.geoplugin.net/javascript.gp',function() 
    {
        var country = geoplugin_countryName();
        alert(country);
        var code = geoplugin_countryCode();
        alert(code);
        console.log("Your location is: " + country + "," + zone + "," + district);
    });
});</script>

解决方法

我已经添加了缺少的地区和城市的代码，请尝试一下，现在可以使用

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>
<script>
jQuery(document).ready(function($) {
    jQuery.getScript('http://www.geoplugin.net/javascript.gp',function() 
    {
        const country = geoplugin_countryName();
        const countryCode = geoplugin_countryCode();
        const city = geoplugin_city();
        const region = geoplugin_region();
        console.log(`Your location is: ${city},${region},${country},${countryCode}`);
        alert(`Your location is: ${city},${countryCode}`)
    });
});

更新：-

由于上述插件是通过HTTP托管的，并且出现错误，因此这是它的替代解决方案，

fetch('https://extreme-ip-lookup.com/json/')
  .then(res => res.json())
  .then(res => {
    console.log(res);
    document.getElementById('target').innerHTML = `Your location is: ${res.city},${res.region},${res.country}`;
  })
  .catch((data,status) => {
    console.log('Request failed');
  })

,

未定义变量“ zone”和“ district”，将其删除即可使用，请使用以下方法：

<script src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>
<script>
    jQuery(document).ready(function ($) {
        jQuery.getScript('http://www.geoplugin.net/javascript.gp',function () {
            var country = geoplugin_countryName();
            alert(country);
            var code = geoplugin_countryCode();
            alert(code);
            console.log("Your location is: " + country);
        });
    });
</script>