如何使用 JavaScript 获取客户端 IP 地址？

在本文中，我们将了解如何在 Javascript 中获取客户端的 IP 地址。 IP 地址是唯一标识一个系统的数字组合。这就像一所房子，有一个地址可以接收邮件。同样，您的计算机具有从网络接收数据的地址。协议一词是指在浏览全局连接时需要遵循的一些既定准则。 Internet 的网络部分由 Internet 连接的确切规范（指南）定义。

为了获取客户端的公共 IP 地址，JavaScript 充当第三方服务器端语言。 JavaScript 无法单独完成，因此添加了 jQuery 来完成此任务。 JavaScript 与第三方应用程序一起使用以获取 IP 地址。这些是获取用户 IP 地址并以三种格式简单地返回它的应用程序服务，即纯文本、 JSON和JSONP格式。互联网上有很多可用的。在这里，我们将使用ipify和ipinfo ，这两个最流行的查找 IP 地址的工具。

示例 1：在此示例中，我们将使用ipify用于包含 SSL 的网站（具有 https 协议）来获取客户端的 IP 地址。

HTML

 

    Getting Clients IP
    
    p, h1 {
        color: green;
    }
    
  
    
    
     
      
     
    /* Add "https://api.ipify.org?format=json" statement
               this will communicate with the ipify servers in
               order to retrieve the IP address $.getJSON will
               load JSON-encoded data from the server using a
               GET HTTP request */
                
    $.getJSON("https://api.ipify.org?format=json", function(data) {
         
        // Setting text of element P with id gfg
        $("#gfg").html(data.ip);
    })
    

 

    
        GeeksforGeeks
        Public IP Address of user is:
        
 
    

 

输出：

获取用户的公共 IP 地址

示例 2：在此示例中，我们将使用ipinfo在警报框中获取客户端的 IP 地址。

HTML

 

    Getting Clients IP
     
    
    h1 {
        color: green;
    }
    
    
    
     
    
     
    // Add "https://ipinfo.io" statement
    // this will communicate with the ipify servers
    // in order to retrieve the IP address
    $.get("https://ipinfo.io", function(response) {
            alert(response.ip);
        }, "json")
         
        // "json" shows that data will be fetched in json format
    

 

    
        GeeksforGeeks
        Getting Client IP address
    

 

输出：

获取客户端的IP地址

注意：有时，默认设置在 Google Chrome 和 Internet Explorer 上不起作用。它支持 Firefox 和 Microsoft Edge。

JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照此 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript