使用jQuery将Ajax HTML字符串附加到DOM

Question

我的脚本从PHP页面接收一些数据。 称为“内容”的一项包含HTML代码。 我必须将HTML代码放在div中，但不幸的是，它以纯文本形式附加。 如何将其作为真实HTML附加到DOM？ 这是我的jQuery代码：

      $.ajax({
      'url': 'ajaxdashboard.php',
      dataType: 'json',
      cache: false,
      success: function (json) {
          $.each(json, function (key, value) {
              for (i = 0; i < value.length; i++) {
                  $('#arguments').append('<div class="well student" style="display: none;" id="post-' + value[i].id + '"><h3>' + value[i].title + '</h3><span>Published by <font color="blue"><b>' + value[i].name + ' ' + value[i].surname + '</b></font></span><br><br><span id="post-content-' + value[i].id + '"></span></div>');
                  $('#post-content-' + value[i].id).html(value[i].content);
                  $('#post-' + value[i].id).fadeIn();
              }
          });
      }
  });

Answer 1

您的问题是PHP返回编码的html。 html中的<是<。 因此，这就是用户所看到的。

更新您的PHP以返回原始HTML。 否则，您可以使用jQuery作弊，如下所示：

$('#post-content-' + value[i].id).html($(value[i].content).text());

用于解码html的源。

Answer 2

您的问题与此类似。

使用text（）而不是自动转义的html（）。

使用jQuery转义HTML字符串