html - ajax 返回的数据无法识别 HTML 标签

Question

我有一个从 PHP/MYSQL 脚本中提取数据的 jquery 函数。数据具有<br>作为数据字符串的一部分。当我使用 将它附加到 DOMjQuery.append()时，它不会像<br>.

我正在使用 Handlebars 将数据插入 DOM。

附加到dom：

$('ul.special-deals').append(template(item));

数据字符串：

消费满 10 欧元可获赠意大利肉丸和意大利面<br>

输出就是：

消费满 10 欧元即可获赠意大利肉丸和意大利面 <br>

<br>页面无法识别。

模板：

<li> 
    <a href="#" class="restaurantItem" restaurant={{item.estName}} address={{estAddr}}>
        <img src="{{img_link}}" width="60" height="60" alt=""/>
        <div class="img-det">
            <strong class="title">{{title}}</strong>
            <p>{{desc_short}}<br/>
                Expires: {{expiry_date}}
            </p>
            <em class="price">{{price}}</em> 
        </div>
    </a>
    <a href='dealDetail.html?id={{id}}' class="det-link">Detail</a>
</li> 

任何帮助，将不胜感激。

非常感谢

Answer 1

这<br>包含在 内desc_short吗？

如果是这种情况，您是否尝试过使用三重括号？

<p>{{{desc_short}}}</p>

这将输出没有任何 HTML 转义的内容，这是您在这种情况下所需要的。