使用 jQuery html() 时在 html 中显示的特殊字符答案

【问题标题】：special characters displayed in html when using jQuery html()使用 jQuery html() 时在 html 中显示的特殊字符
【发布时间】：2018-07-04 11:30:32
【问题描述】：

我的 $.ajax 调用中返回了以下 html：

"<div class="quiz-result-preview">
    <div class="responseText">
    </div>
    <div class="wrong-answered-questions">
        <div class="questionDiv">
            <span class="text-red">1. </span> <h4>Penicillin er ett annet navn for antibiotika</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">3. </span> <h4>Om jeg er forkj&amp;oslash;let blir jeg raskere frisk av &amp;aring; spise antibiotika.</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">4. </span> 
            <h4>N&#229;r en person er syk er det best &#229; ta den type antibiotika som dreper flere ulike bakterier, ikke bare en.</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">5. </span> <h4>Det er farlig &amp;aring; drikke alkohol samtidig som jeg spiser penicillin.</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">7. </span> <h4>
                Det spiller ikke s&#229; stor rolle hvilket antibiotika jeg f&#229;r, s&#229; lenge det dreper bakterien som gj&#248;r meg syk.</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">8. </span> <h4>
                Antibiotika hemmer eggl&#248;sningen og reduserer mulighetene for &#229; bli gravid.</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">10. </span> <h4>
                Un&#248;dvendig bruk av antibiotika p&#229;virker bare samfunnet i form av resistente bakterier - ikke meg som person.
            </h4>
        </div>
    </div>
</div>
"

如您所见，有一些特殊字符，例如。 Un&#248; ，现在当我将上面的 html 附加到我的结果 div 时，如下所示：

$('#resultTemp').html(data);

特殊字符按原样显示，我该如何显示正确的字符？

【问题讨论】：

看到这个，你可能需要在附加之前解码字符：stackoverflow.com/questions/7885096/…
Decode HTML entities in JavaScript?的可能重复
有些实体似乎被双重编码，即&amp;aring;而不是&aring;，您需要在插入之前至少解码一次，或者修复它们被双重编码

标签： javascript jquery html

【解决方案1】：

使用正确的编码。

<head>
  <meta charset="UTF-8">
</head>

<head>
  <meta charset="UTF-8">
</head>

<div class="quiz-result-preview">
    <div class="responseText">
    </div>
    <div class="wrong-answered-questions">
        <div class="questionDiv">
            <span class="text-red">1. </span> <h4>Penicillin er ett annet navn for antibiotika</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">3. </span> <h4>Om jeg er forkj&amp;oslash;let blir jeg raskere frisk av &amp;aring; spise antibiotika.</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">4. </span> 
            <h4>N&#229;r en person er syk er det best &#229; ta den type antibiotika som dreper flere ulike bakterier, ikke bare en.</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">5. </span> <h4>Det er farlig &amp;aring; drikke alkohol samtidig som jeg spiser penicillin.</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">7. </span> <h4>
                Det spiller ikke s&#229; stor rolle hvilket antibiotika jeg f&#229;r, s&#229; lenge det dreper bakterien som gj&#248;r meg syk.</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">8. </span> <h4>
                Antibiotika hemmer eggl&#248;sningen og reduserer mulighetene for &#229; bli gravid.</h4>
        </div>
        <div class="questionDiv">
            <span class="text-red">10. </span> <h4>
                Un&#248;dvendig bruk av antibiotika p&#229;virker bare samfunnet i form av resistente bakterier - ikke meg som person.
            </h4>
        </div>
    </div>
</div>

【讨论】：