显示用户真实的ip

本文介绍如何使用JavaScript的fetch函数从api.afmax.cn获取用户IP地址,尽管API具有防伪功能,但仍存在伪造IP的风险。示例代码展示了如何将API调用集成到网页中显示IP。
摘要由CSDN通过智能技术生成

api接口:api.afmax.cn/so/ip/index.php
方法GET

如果你的ip是1.1.1.1访问https://api.afmax.cn/so/ip/index.php会显示1.1.1.1
请注意,虽说api拥有ip防伪能力,但是ip仍有伪造的风险
把下面这个代码复制到你的网站底部即可

</head>  
<body>  
    <div id="ip-address">你的IP是:加载中...</div>  
  
    <script>  
        // 使用fetch函数发送GET请求到API  
        fetch('//api.afmax.cn/so/ip/index.php')  
            .then(response => {  
                // 确保响应成功  
                if (!response.ok) {  
                    throw new Error('Network response was not ok');  
                }  
                // 读取响应体  
                return response.text();  
            })  
            .then(data => {  
                // 处理返回的数据并显示在页面上  
                document.getElementById('ip-address').textContent = '你的IP是:' + data.trim();  
            })  
            .catch(error => {  
                // 处理错误情况  
                console.error('There has been a problem with your fetch operation:', error);  
                document.getElementById('ip-address').textContent = '无法获取IP地址';  
            });  
    </script>  
</body>  
</html>
  • 8
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值