常见的 HTTP 请求头和响应头包括：

常见的请求头：

User-Agent：标识客户端代理信息，通常用于识别用户使用的浏览器或设备类型。
Accept：指示客户端可以接受的内容类型，例如 text/html, application/json 等。
Content-Type：指示请求体的媒体类型，例如 application/json, application/x-www-form-urlencoded 等。
Authorization：用于传递认证信息，比如基本认证、Bearer 令牌等。
Cookie：用于在客户端和服务端之间传递会话信息。
常见的响应头：

Content-Type：指示响应体的媒体类型，告诉客户端返回的内容是什么类型的，例如 text/html, application/json 等。
Set-Cookie：用于在客户端设置 Cookie，通常用于会话管理或跟踪用户状态。
Cache-Control：指示客户端如何缓存响应，控制缓存的行为，例如 public、private、no-cache 等。
Location：用于重定向，指示客户端应该重定向到哪个 URL。
Access-Control-Allow-Origin：用于 CORS（跨域资源共享）策略，指示允许访问资源的域。

这些是一些常见的 HTTP 请求头和响应头，它们在实际的 web 开发中经常被用到。

以下是一个简单的示例代码，用于说明如何设置请求头和响应头：

// 发起 GET 请求
fetch('/api/data', {method: 'GET',headers: {'User-Agent': navigator.userAgent}
})
.then(response => {// 从响应头中获取 Content-Typeconst contentType = response.headers.get('Content-Type');// 解析响应体数据return response.json();
})
.then(data => {// 打印响应数据console.log(data);
})
.catch(error => {// 处理错误console.error(error);
});

在这个示例中，我们使用了 JavaScript 的 Fetch API 发起一个 GET 请求。我们通过在请求头中设置 User-Agent 字段来模拟 User-Agent。然后，通过调用 response.headers.get('Content-Type') 方法，我们可以从响应头中获取 Content-Type。接着，我们通过调用 response.json() 方法解析响应体的 JSON 数据，并将它打印到控制台。

        请注意，这只是一个基本的示例，实际的代码可能会因为使用不同的框架、库或具体场景而有所不同。具体的实现方式可能因您选择的技术栈而有所变化。