Question

需要在html页面中显示存储的电子邮件正文内容。

             $.ajax({
                     type: "POST",
                     url: "./mailBody.php",
                     dataType: 'json',
                     success: function (data) {
                        $.each(data, function(index, element) {
                            $('.mailBody').html(element.msgbody);
                        });

来自mailBody.php我从后端获取了一种电子邮件正文字符串。但是当插入到html页面时，它不会呈现为html。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\n "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n<div dir="ltr"><div class="gmail_default" style="font-family:tahoma,sans-serif;font-size:small;color:#000099"><br></div><div class="gmail_quote"><br><div dir="ltr"><div><font color="#000099" face="tahoma, sans-serif">test for message idtest for <strong>message id<strong/>test for message idtest for message idtest for message idtest for message idtest for message idtest for message idtest for message idtest for message idtest for message idtest for message idtest for message idtest for message idtest for message id</font><br></div></div>\r\n</div><br></div>\r\n

Answer 1

您需要修剪换行符\n并返回\r个字符以使其成为HTML。尝试使用String.trim()功能删除它们。

Answer 2

尝试使用jQuery.parseHTML

$('.mailBody').html($.parseHTML(element.msgbody));

在html页面中显示存储的电子邮件正文内容

2 个答案: