ASP.NET Core 5中如何让JavaScript与服务端使用相同区域设置

一、从服务端获取当前区域值（最可靠方式） #

Content-Language响应头不会修改浏览器的navigator.language（该值由浏览器系统/用户设置决定），最直接的方法是让服务端把当前使用的区域值直接传递给客户端JS：

方法1：在Razor视图中注入全局变量 #

在布局页（如_Layout.cshtml）中添加以下代码，直接将服务端当前区域输出为JS全局变量：

<script>
// 全局存储服务端当前区域
window.serverCulture = '@System.Globalization.CultureInfo.CurrentCulture.Name';
</script>

方法2：通过页面元素data属性传递 #

将区域值放在页面根元素的data属性中，JS后续读取：

<body data-culture="@System.Globalization.CultureInfo.CurrentCulture.Name">
<!-- 页面内容 -->
</body>

JS中读取：

const serverCulture = document.body.dataset.culture;

二、在JS中使用该区域进行字符串/数字转换 #

拿到服务端区域值后，即可在转换逻辑中直接使用：

1. 数字转本地化字符串 #

直接调用toLocaleString并传入服务端区域：

const number = 12345.67;
// 若服务端区域为nb-NO，会输出"12 345,67"
const localizedStr = number.toLocaleString(window.serverCulture);

2. 本地化字符串转数字 #

JS原生parseFloat/parseInt不支持区域格式，需基于Intl.NumberFormat实现自定义解析函数：

function parseLocalizedNumber(str, locale) {
    const numberFormatter = new Intl.NumberFormat(locale);
    // 获取当前区域的千分位、小数分隔符
    const formatParts = numberFormatter.formatToParts(1234.56);
    const decimalSep = formatParts.find(p => p.type === 'decimal').value;
    const thousandSep = formatParts.find(p => p.type === 'group')?.value;

    // 标准化字符串：移除千分位分隔符，替换小数分隔符为.
    let normalizedStr = str;
    if (thousandSep) {
        normalizedStr = normalizedStr.replace(new RegExp(`\\${thousandSep}`, 'g'), '');
    }
    normalizedStr = normalizedStr.replace(new RegExp(`\\${decimalSep}`), '.');

    return parseFloat(normalizedStr);
}

// 示例：解析挪威语格式的数字字符串
const norwegianNumStr = "12 345,67";
const num = parseLocalizedNumber(norwegianNumStr, window.serverCulture);
// 输出：12345.67

三、为什么Content-Language不生效？ #

Content-Language响应头仅用于告知浏览器当前页面内容的语言类型，它不会修改浏览器的navigator.language属性——该属性由浏览器系统语言或用户设置的语言决定，与服务端响应头无关，因此依赖它同步区域设置不可行。

内容的提问来源于stack exchange，提问作者Fred