客户端读取响应头+后端读取请求头的那些事

2023-10-07 20:10:30

前言

HTTP 头是 Web 通信的重要组成部分，它携带有关请求和响应的重要信息。虽然大多数情况下，这些头信息对于应用程序的正常运行是透明的，但在某些场景下，访问和操作头信息至关重要。在本文中，我们将深入探讨客户端读取响应头和后端读取请求头的技术，并提供详细的代码示例和真实世界的场景。

客户端读取响应头

在客户端，读取响应头通常是通过 JavaScript 或 Fetch API 实现的。JavaScript 的 XMLHttpRequest 对象提供了一个 getResponseHeader() 方法，允许您获取指定的响应头值。Fetch API 也提供了 headers 属性，该属性包含响应中所有头信息的键值对。

// 使用 XMLHttpRequest
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com');
xhr.onload = () => {
  const contentType = xhr.getResponseHeader('Content-Type');
  console.log(contentType); // 输出：text/html
};

// 使用 Fetch API
fetch('https://example.com')
  .then(response => {
    const contentType = response.headers.get('Content-Type');
    console.log(contentType); // 输出：text/html
  });

后端读取请求头

在后端，读取请求头通常是通过服务器端语言的内置功能实现的。例如，在 Java 中，可以使用 HttpServletRequest 类的 getHeader() 方法获取请求头值。在 Python 中，可以使用 request.headers 字典获取请求头值。

// Java 示例
import javax.servlet.http.HttpServletRequest;

public class MyServlet extends HttpServlet {

  @Override
  protected void doGet(HttpServletRequest request) {
    String userAgent = request.getHeader("User-Agent");
    System.out.println(userAgent); // 输出：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
  }
}

# Python 示例
from flask import request

@app.route('/')
def index():
    user_agent = request.headers.get('User-Agent')
    print(user_agent)  # 输出：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
    return 'Hello, World!'