PHP如何将三个字符串以换行符拼接？JSON输出后HTML换行不生效求助

当然可行！问题出在HTML对换行的解析规则和你使用的前端组件（看起来是自动补全类组件，比如jQuery UI Autocomplete）的默认渲染逻辑上。下面分两步帮你解决：

1. 第一步：修改PHP字符串拼接逻辑 #

先把原来的' | '分隔符替换成换行相关的标识，这里有两种选择，对应不同的前端处理方式：

选项A：直接用HTML换行标签<br>拼接（适合需要直接渲染HTML的场景） #

修改你的$json_row["label"]赋值代码：

$json_row["label"] = $recResult['yeartitle'] . '<br>' . $recResult['Titles'] . '<br>Dir. By.: ' . $recResult['person'];

选项B：用纯换行符"\n"拼接（更灵活，适合前端自定义处理） #

如果不想在PHP里硬编码HTML标签，也可以用原生换行符：

$json_row["label"] = $recResult['yeartitle'] . "\n" . $recResult['Titles'] . "\nDir. By.: " . $recResult['person'];

注意：如果你用选项A，需要确保json_encode不会转义HTML标签。默认情况下json_encode会把<转义为\u003C，所以需要在json_encode时添加额外参数：

$jsonOutput = json_encode($sugg_json, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE);

2. 第二步：让前端正确解析换行 #

这是关键！如果你的前端是用自动补全组件（比如jQuery UI Autocomplete），默认会把label作为纯文本插入DOM，导致<br>或\n无法被解析为换行。你需要自定义组件的渲染函数：

假设你用的是jQuery UI Autocomplete，添加以下JS代码重写渲染逻辑：

// 替换成你的输入框ID
$( "#your-input-element-id" ).autocomplete({
  source: "your-php-file.php", // 你的PHP接口地址
  focus: function( event, ui ) {
    $( this ).val( ui.item.value );
    return false;
  },
  select: function( event, ui ) {
    $( this ).val( ui.item.value );
    // 这里可以添加选中后的自定义逻辑
    return false;
  }
})
// 重写渲染item的方法，支持HTML解析
.autocomplete( "instance" )._renderItem = function( ul, item ) {
  let formattedLabel = item.label;
  // 如果用的是选项B（纯换行符），把\n替换成<br>
  formattedLabel = formattedLabel.replace(/\n/g, "<br>");
  return $( "<li>" )
    .append( `<div>${formattedLabel}</div>` )
    .appendTo( ul );
};

如果是直接在HTML页面中输出label内容，只需把内容放在支持换行的标签里，比如<pre>（保留原始格式），或者用<div>配合<br>即可。

为什么之前的尝试无效？ #

• HTML中，纯文本的\n会被浏览器忽略，只有<br>标签或设置white-space: pre的CSS才能触发换行。
• 自动补全组件默认会对label做转义处理（防止XSS风险），所以HTML标签会被当作普通文本显示，必须自定义渲染逻辑来关闭这个行为。

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