Ajax是一种用于在网页中进行异步数据交互的技术。它可以在不刷新整个页面的情况下，通过向服务器发送请求，获取并更新特定部分的数据。Referer是HTTP请求头的一个字段，用于告诉服务器当前请求是从哪个页面发起的。在Ajax中，很多情况下我们需要使用referer来传递信息，进行身份验证或者根据上一个页面的内容来处理请求。下面就让我们来详细了解一下Ajax中的referer以及它的使用示例。

使用Ajax时，referer可以用于根据上一个页面的内容来处理请求。例如，在一个在线购物网站上，当用户在商品列表页面点击某个商品时，跳转到该商品的详情页面，再点击“加入购物车”按钮时，需要向服务器发起Ajax请求将该商品添加到购物车中。这时，服务器可以根据referer来判断请求是从哪个商品详情页面发起的，并将商品加入到对应的购物车中。

$.ajax({
url: "/add-to-cart",
type: "POST",
data: { productId: 123 },
headers: {
"Referer": window.location.href
},
success: function(response) {
// 处理添加到购物车成功后的逻辑
},
error: function(xhr, status, error) {
// 处理错误情况
}
});

另一个使用referer的示例是进行身份验证。假如我们有一个网站，其中某些页面是需要登录才能访问的。在用户尝试访问这些页面时，我们可以通过Ajax请求来检查用户是否已经登录。如果用户未登录，服务器可以根据referer将用户重定向到登录页面；如果用户已经登录，则可以返回相应的数据供页面使用。

$.ajax({
url: "/check-login",
headers: {
"Referer": window.location.href
},
success: function(response) {
if (response.isLoggedIn) {
// 用户已登录，继续处理页面逻辑
} else {
// 用户未登录，进行跳转到登录页面
window.location.href = "/login";
}
},
error: function(xhr, status, error) {
// 处理错误情况
}
});

需要注意的是，referer并不是始终可靠的，因为它可以被用户手动修改或删除。服务器在接收到referer时，应该进行适当的验证，以确保请求来源的合法性。同时，在使用referer时，我们也需要注意潜在的安全风险。不应在referer中包含敏感信息，以免被恶意利用。

综上所述，referer在Ajax中起着重要的作用，既可以用来根据上一个页面的内容来处理请求，又可以用于身份验证。在使用referer时，我们应该合理地利用它，确保请求的合法性和安全性。