在 JavaScript Ajax 请求中设置语言偏好需通过请求头 Accept-Language 字段实现，Fetch 用 headers 选项、XMLHttpRequest 用 setRequestHeader 方法，Axios 可全局配置或拦截器动态注入，但需服务端解析该头才能生效。
在 JavaScript 的 Ajax 请求中设置语言偏好，主要是通过在请求头（headers）中添加 Accept-Language 字段来实现。这个字段告诉服务器用户偏好的自然语言（如中文、英文），服务器可据此返回对应语言的内容（比如多语言接口、本地化错误信息等）。
使用 Fetch API 设置 Accept-Language
Fetch 是现代主流方式，直接在 headers 选项中指定即可：
-
Accept-Language值格式通常为语言标签，例如"zh-CN"（简体中文）、"en-US"（美式英语）、"ja"（日语），也支持优先级列表，如"zh-CN,zh;q=0.9,en;q=0.8" - 注意：若未显式设置，浏览器会自动带上当前页面或系统语言的默认值；显式设置会覆盖它
- 示例代码：
fetch('/api/data', {
headers: {
'Accept-Language': 'zh-CN,zh;q=0.9'
}
});
使用 XMLHttpRequest 设置语言头
XMLHttpRequest 需调用 setRequestHeader() 方法，在 open() 之后、send() 之前设置：
- 必须确保请求尚未发送，否则会报错
- 该方法对跨域请求有效，但需服务端允许该 header（即响应头中包含
Access-Control-Allow-Headers: Accept-Language） - 示例：
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data');
xhr.setRequestHeader('Accept-Language', 'en-US,en;q=0.8');
xhr.send();
全局统一设置（适用于 Axios 等封装库）
如果项目使用 Axios，可在实例或全局配置中统一设置，避免每个请求重复写：
立即学习“Java免费学习笔记（深入）”；
- 创建实例时配置：
const apiClient = axios.create({
baseURL: '/api',
headers: {
'Accept-Language': 'zh-CN'
}
});
- 或通过请求拦截器动态注入（比如根据用户选择的语言切换）：
axios.interceptors.request.use(config => {
const lang = localStorage.getItem('preferredLang') || 'zh-CN';
config.headers['Accept-Language'] = lang;
return config;
});
注意事项与常见问题
设置语言头本身很简单，但实际生效依赖前后端协同：
- 服务端必须读取并解析
Accept-Language头，才能返回对应语言内容；仅设头不处理，前端看不到效果 - 某些 CDN 或代理可能过滤或覆盖该头，可在浏览器开发者工具 Network 标签页检查请求头是否真实发出
- 不要混淆
Accept-Language和Content-Language：Content-Language描述响应体语言，一般由服务端设置，客户端通常不设 - 若接口要求认证或其他头，
Accept-Language可与其他头共存，无冲突
