如何在JS中让MySQL返回的'&'正常显示而非'&'？

安全阿岳

2026-5-28

解决HTML实体转义问题：将&转回&

嘿，这个问题我碰到过不少次——当后端返回的&被转义成HTML实体&后，直接用innerHTML取内容就会拿到这个转义后的字符串，导致前端显示出&而不是我们想要的&。别慌，给你两种靠谱的修复方法：

方法1：通用HTML实体解码（推荐）

这种方法能处理所有HTML实体（比如<、>这类），不止限于&。核心思路是借助DOM元素的textContent自动解码实体：

// 先封装一个解码工具函数，复用起来方便
function decodeHtmlEntities(str) {
  const tempDiv = document.createElement('div');
  tempDiv.innerHTML = str;
  return tempDiv.textContent;
}

// 修改你的原有代码，对on_off_sale的内容做解码处理
const licTypeElement = $('#'+curId+"-licType")[0];
const onOffSaleElement = $('#'+curId+"-on_off_sale")[0];

const licTypeText = licTypeElement.innerHTML;
// 关键步骤：解码on_off_sale里的HTML实体
const onOffSaleText = decodeHtmlEntities(onOffSaleElement.innerHTML);

$('#licClass').text(licTypeText.substring(0, 1) + "," + licTypeText + " (" + onOffSaleText +")");

方法2：直接正则替换（仅针对`&`场景）

如果你确定只有&被转义成&，没有其他实体需要处理，也可以直接用正则快速替换：

const licTypeElement = $('#'+curId+"-licType")[0];
const onOffSaleElement = $('#'+curId+"-on_off_sale")[0];

const licTypeText = licTypeElement.innerHTML;
// 全局替换所有&amp;为&
const onOffSaleText = onOffSaleElement.innerHTML.replace(/&amp;/g, '&');

$('#licClass').text(licTypeText.substring(0, 1) + "," + licTypeText + " (" + onOffSaleText +")");