JQuery Ajax请求后重音字符与字母分离问题求助

在SuiteCRM开发中，通过jQuery Ajax发送带重音的字符串（如á é í ó ú ñ）到PHP入口点时，PHP端接收到的字符串会出现重音与字母分离的情况——原本单个预组合的带重音字符（如á对应Unicode U+00E1），被拆分为基础字母（a，U+0061）+ 组合重音符号（´，U+0301）。这种差异会导致存入数据库后，前端比对原输入和取出的字符串时返回false。

方案一：前端发送前归一化字符串 #

利用JavaScript的String.normalize()方法，将字符串转换为规范组合形式（NFC），确保带重音字符是单个预组合码点后再发送。

修改后的JS代码：

const string = 'á é í ó ú ñ'
// 归一化为规范组合形式
const normalizedString = string.normalize('NFC')
const data = {
   text: normalizedString
}

$.ajax({
   method: "POST",
   url: "index.php?entryPoint=tags",
   data: data
}).done(function (response) {
   console.log(response)
})

方案二：PHP后端接收后归一化 #

如果前端无法修改，或者需要兼容其他输入场景，可在PHP端使用Normalizer类（需开启intl扩展，SuiteCRM默认环境通常已支持）将接收的字符串转换为规范组合形式。

修改后的PHP代码：

<?php
// 确保开启intl扩展
if (extension_loaded('intl')) {
    $text = $_POST['text'];
    // 归一化为规范组合形式（NFC）
    $normalizedText = Normalizer::normalize($text, Normalizer::FORM_C);
    $GLOBALS['log']->fatal($normalizedText);
    // 后续存入数据库使用$normalizedText
} else {
    // 无intl扩展的替代方案（手动映射常见重音字符）
    $text = $_POST['text'];
    $replacements = [
        'a' . "\xCC\x81" => 'á',
        'e' . "\xCC\x81" => 'é',
        'i' . "\xCC\x81" => 'í',
        'o' . "\xCC\x81" => 'ó',
        'u' . "\xCC\x81" => 'ú',
        'n' . "\xCC\x83" => 'ñ'
    ];
    $normalizedText = strtr($text, $replacements);
    $GLOBALS['log']->fatal($normalizedText);
}

验证效果 #

处理完成后：

• 前端比对时，执行goodAccents.normalize('NFC') == accentsDetached.normalize('NFC')会返回true
• PHP端输出的字符á，用mb_strlen()检测长度为1，而非2

原理说明 #

Unicode中存在两种表示带重音字符的方式：

1. 预组合字符：单个码点直接表示带重音的字符（如á=U+00E1）
2. 组合字符序列：基础字符+组合重音符号（如á=U+0061 + U+0301）

通过归一化（Normalization）操作，可以将两种形式统一为同一种编码，从而解决字符串比对和存储的差异问题。

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