如何使用 Javascript 获取用户公共 IP 地址

你知道如何使用javascript获取用户IP地址吗?我会告诉你如何做。

今天我们将查找一个提供用户公共 IP 地址的 API。这里我使用jsonip.com 来获取用户的公共IP地址。

我们使用 jquery getJSON() 函数从 API 获取数据。

步骤 1 将 Jquery 添加到您的 HTML 文件中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

步骤 2 编写 Javascript 片段来获取 IP 地址

<script type="text/javascript">
    $.getJSON("http://jsonip.com", function (data) {
      console.log(data.ip);
      $(".ipaddress").text(data.ip);
    });
</script>

步骤 3 创建一个元素来显示 IP

<span class="ipaddress"></span>

使用Javascript的IP查找器的完整源代码

<html lang="en">
<head>
    <title>Get IP Address</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

</head>
<body>


<h1>Your Current Ip Address : <span class="ipaddress"></span></h1>


<script type="text/javascript">
    $.getJSON("http://jsonip.com", function (data) {
      console.log(data.ip);
      $(".ipaddress").text(data.ip);
    });
</script>


</body>
</html>
THE END
分享
二维码
海报
如何使用 Javascript 获取用户公共 IP 地址
今天我们将查找一个提供用户公共 IP 地址的 API。这里我使用jsonip.com 来获取用户的公共IP地址。
<<上一篇
下一篇>>