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

js 获取用户ip

作者:涅盘の梦   发布日期:2025-03-15   浏览:92

// 使用第三方 API 获取用户 IP 地址

async function getUserIP() {
  try {
    // 调用第三方 API 获取用户的公共 IP 地址
    const response = await fetch('https://api.ipify.org?format=json');
    const data = await response.json();

    // 返回获取到的 IP 地址
    return data.ip;
  } catch (error) {
    console.error('获取 IP 失败:', error);
    return null;
  }
}

// 调用函数并输出 IP 地址
getUserIP().then(ip => {
  if (ip) {
    console.log('用户的 IP 地址是:', ip);
  } else {
    console.log('无法获取 IP 地址');
  }
});

解释说明:

  1. fetch 请求:我们使用 fetch 方法向 https://api.ipify.org?format=json 发送请求,该 API 会返回用户的公共 IP 地址。
  2. 异步处理:由于网络请求是异步操作,因此我们使用了 async/await 来简化代码逻辑。
  3. 错误处理:如果请求失败(例如网络问题或 API 服务不可用),我们会捕获错误并在控制台中输出错误信息,并返回 null
  4. 输出结果:成功获取 IP 后,会在控制台中输出用户的 IP 地址。

上一篇:js foreach map

下一篇:js worker 多线程

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

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

Laravel 中文站