Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 获取当前ip

作者:整整ー世♂陰霾そ   发布日期:2025-12-26   浏览:75

// 使用 JavaScript 获取当前 IP 地址可以通过调用外部 API 来实现,因为浏览器环境本身并不直接提供获取本地或公网 IP 的方法。

// 下面是一个使用 fetch API 调用 ipify 服务来获取当前 IP 地址的示例:

async function getCurrentIP() {
    try {
        const response = await fetch('https://api.ipify.org?format=json');
        const data = await response.json();
        console.log('Your public IP address is:', data.ip);
        return data.ip;
    } catch (error) {
        console.error('Error fetching IP address:', error);
    }
}

getCurrentIP();

解释说明:

  1. fetch API:用于发起 HTTP 请求。这里我们请求的是 https://api.ipify.org?format=json,这是一个免费的公共 API,可以返回客户端的公网 IP 地址。
  2. await 关键字:确保异步操作按顺序执行,等待 fetchresponse.json() 完成后再继续执行后续代码。
  3. try...catch:用于捕获和处理可能发生的错误,比如网络请求失败等。
  4. console.log:将获取到的 IP 地址输出到控制台。
  5. return data.ip:返回获取到的 IP 地址,可以在其他地方使用这个函数的结果。

如果你需要在网页中显示 IP 地址,可以将 console.log 替换为更新 DOM 的代码。

上一篇:js 获取用户ip

下一篇:js base64加密

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站