2016-10-07 21 views
0

保存された電子メール本文の内容をHTMLページに表示する必要があります。保存された電子メール本文の内容を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 
+0

を使用してみてください、あなたは同じ '.mailBody'要素を交換するたびのようなものです。 Bdw '.html'は期待どおりに動作するはずです。 –

+0

これは一度に1つずつクリックすると発生します。それは動作しません – Swarne27

+0

'jQuery.parseHTML()'を使ってみましたか? –

答えて

0

あなたは改行\nをトリミングしてHTMLにするために\r文字を返す必要があります。それらを削除するにはString.trim()関数を使用してみてください。

0

はjQuery.parseHTML

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

これを試してみましたが、うまくいきません – Swarne27

関連する問題