当我们需要获取客户端的 IP 地址时，可以借助浏览器提供的 navigator 对象中的 geolocation API 来实现。不过这个方法需要用户授权才能获取到地址信息，因此不太可靠。更好的方法是通过服务器端解析 HTTP 请求头中的 X-Forwarded-For 字段来获取客户端 IP 地址。以下是使用 jQuery 实现这个功能的步骤：
1. 在 HTML 文档中引入 jQuery 库
在 head 区域添加如下代码，引入 jQuery 库：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
2. 发起 AJAX 请求获取客户端 IP 地址
使用 jQuery 的 $.getJSON() 方法发起一个 AJAX 请求，向一个返回客户端 IP 地址的 API 接口发送 GET 请求。
$.getJSON('https://api.ipify.org?format=json', function(data){
console.log(data.ip);
});这里我们使用了 ipify 提供的公共服务，该服务会返回当前客户端的 IP 地址。
3. 处理响应结果
当 AJAX 请求成功后，会执行回调函数，并将服务器返回的数据作为参数传递给它。在本例中，我们获取了 JSON 格式的响应数据，在其中找到 ip 字段并打印出来。
4. 完整代码
以下是完整的 HTML 和 JavaScript 代码，可以直接复制到你的项目中使用。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ------ -- ------- ----- --------------
------- --------------------------------------------------------------------------------
--------
-----------------------------
---------------------------------------------- ---------------
---------------------
---
---
---------
-------
------
-------
-------5. 总结
本文介绍了如何使用 jQuery 获取客户端 IP 地址的方法。通过 AJAX 请求一个能够返回客户端 IP 地址的 API 接口，并在回调函数中处理响应结果即可。这种方法不需要用户授权，因此较为可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26508