首页 前端知识 学习使用js获取当前ip地址的方法,使用第三方API获取ip地址

学习使用js获取当前ip地址的方法,使用第三方API获取ip地址

2024-06-13 21:06:04 前端知识 前端哥 321 34 我要收藏

学习使用js获取当前ip地址的方法,使用第三方API获取ip地址

    • 使用 DNS 查询
    • 使用第三方 API

使用 DNS 查询

DNS 是一种用于解析主机名为 IP 地址的系统。可以使用 JavaScript DNS 查询来获取本机IP地址。下面是如何使用 JavaScript 进行DNS查询的示例代码。

 <p class="location" id="local_ip">您的IP:</p>
/*得到ip地址 stop */
    getIp();

    function getIp() {

        var request = new XMLHttpRequest();
        request.open('GET', 'https://api.ipify.org?format=json', true);
        request.onload = function () {
            if (request.status >= 200 && request.status < 400) {
                var data = JSON.parse(request.responseText);
                console.log(data.ip);
                $("#local_ip").html('您的IP:' + data.ip);
            }
        };
        request.onerror = function () {
            console.error('Error occurred during the network request');
        };
        request.send();
    }

    /*得到ip地址 stop */

在这里插入图片描述

使用第三方 API

一种获取客户端IP地址的最简单方法是使用第三方API。可以使用一些免费API,例如ipify.org等来获取IP地址。下面的代码片段展示了如何使用 JavaScript 和 API 获取本机IP地址。

<script type="application/javascript">
 

    fetch('https://api.ipify.org?format=json')
        .then(response => response.json())
        .then(json => console.log(json.ip));


</script>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/12005.html
标签
tcp/ip
评论
发布的文章

Vue——事件修饰符

2024-06-20 00:06:30

dhtmlx-gantt 甘特图

2024-06-20 00:06:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!