在现代Web开发中，使用Ajax技术获取公网IP地址是非常常见的需求。Ajax是一种在不重载整个网页的情况下与服务器进行交互的技术，能够使网页实现异步加载和动态更新。通过Ajax技术，我们可以从服务器获取公网IP地址并在网页中进行显示。本文将介绍如何使用Ajax技术获取公网IP地址的方法和示例。

要获取公网IP地址，我们需要发送一个异步请求到一个可以返回公网IP地址的API接口，并通过Ajax技术处理返回的结果。以一个常用的IP地址查询接口“https://ipinfo.io”为例，我们可以向该接口发送一个GET请求，并指定返回数据的格式为JSON。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://ipinfo.io/json', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var ip = response.ip;
document.getElementById('ip-address').innerHTML = ip;
}
};
xhr.send();

上述代码中，我们首先创建了一个XMLHttpRequest对象，并通过open()方法指定请求的方法和URL，将第三个参数设置为true表示以异步方式发送请求。我们还为onreadystatechange事件绑定了一个回调函数，在接收到完整的响应数据时执行该函数。在回调函数中，我们首先通过JSON.parse()方法解析返回的数据，获取到ip属性的值，然后将该值插入到id为“ip-address”的元素中，从而显示在网页中。

上述示例只是其中一种方式，实际上有很多提供公网IP查询功能的API接口可供选择。例如，我们可以使用“https://api.ipify.org?format=json”的接口，也可以使用“https://ip.seeip.org/json”的接口。这些接口返回的数据格式可能有所不同，我们需要根据实际情况来解析并提取公网IP地址。

除了使用现有的API接口外，我们还可以通过服务器端脚本来获取公网IP地址，然后通过Ajax技术将其传递到前端。例如，如果使用PHP作为服务器端脚本语言，我们可以使用$_SERVER['REMOTE_ADDR']变量获取到客户端的公网IP地址，然后将其返回给前端页面。以下是一个简单的PHP示例：

在前端，我们可以使用类似的Ajax代码来获取到服务器返回的公网IP地址，并在网页中显示出来。

总而言之，通过Ajax技术可以轻松地从外部API接口或服务器端脚本获取公网IP地址，并在网页中进行显示。根据实际需求选择合适的方式，并灵活运用Ajax技术，可以为我们的Web应用程序带来更多的功能和便利。