javascript获取当前ip的代码

获取当前 IP 地址是一个常见的需求，可以通过 JavaScript 来实现。下面是一种常用的方法来获取当前 IP 地址的代码：

// 使用异步请求获取 IP 地址
function getIPAddress() {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://api.ipify.org?format=json');

    xhr.onload = function() {
      if (xhr.status === 200) {
        const response = JSON.parse(xhr.responseText);
        resolve(response.ip);
      } else {
        reject('Failed to get IP address');
      }
    };

    xhr.onerror = function() {
      reject('Failed to get IP address');
    };

    xhr.send();
  });
}

// 调用函数获取 IP 地址
getIPAddress()
  .then(ip => {
    console.log('Current IP address:', ip);
  })
  .catch(error => {
    console.error(error);
  });

上述代码使用了异步请求来获取 IP 地址。它发送一个 GET 请求到 https://api.ipify.org?format=json，该 API 返回一个 JSON 对象，其中包含当前 IP 地址。代码通过 XMLHttpRequest 对象发送请求，并在请求成功时解析响应并获取 IP 地址。

以下是两个示例说明：

示例 1：在网页中显示当前 IP 地址

<!DOCTYPE html>
<html>
<head>
  <title>获取当前 IP 地址</title>
  <script>
    function getIPAddress() {
      return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        xhr.open('GET', 'https://api.ipify.org?format=json');

        xhr.onload = function() {
          if (xhr.status === 200) {
            const response = JSON.parse(xhr.responseText);
            resolve(response.ip);
          } else {
            reject('Failed to get IP address');
          }
        };

        xhr.onerror = function() {
          reject('Failed to get IP address');
        };

        xhr.send();
      });
    }

    getIPAddress()
      .then(ip => {
        document.getElementById('ip-address').textContent = ip;
      })
      .catch(error => {
        console.error(error);
      });
  </script>
</head>
<body>
  <h1>当前 IP 地址：</h1>
  <p id=\"ip-address\"></p>
</body>
</html>

上述示例代码在一个网页中显示当前 IP 地址。它使用 JavaScript 获取 IP 地址，并将其设置为 <p> 元素的文本内容。

示例 2：在控制台打印当前 IP 地址

function getIPAddress() {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://api.ipify.org?format=json');

    xhr.onload = function() {
      if (xhr.status === 200) {
        const response = JSON.parse(xhr.responseText);
        resolve(response.ip);
      } else {
        reject('Failed to get IP address');
      }
    };

    xhr.onerror = function() {
      reject('Failed to get IP address');
    };

    xhr.send();
  });
}

getIPAddress()
  .then(ip => {
    console.log('Current IP address:', ip);
  })
  .catch(error => {
    console.error(error);
  });

上述示例代码在控制台打印当前 IP 地址。它使用 JavaScript 获取 IP 地址，并通过 console.log 函数将其输出到控制台。

这些示例代码可以帮助你理解如何使用 JavaScript 获取当前 IP 地址。你可以根据自己的需求进行修改和扩展。

阅读剩余 60%

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：javascript获取当前ip的代码 - Python技术站

javascript获取当前ip的代码

相关文章

分享到: