使用所有html标记按键返回json值并插入到dom

时间:2017-05-23 08:39:28

标签: php jquery json ajax header

AJAX

var load = function (url) {
  $.ajax({
    type: "GET",
    dataType: "json",
    url: url,
    data: {'url': url},
    success: function(data) {
       $('#content').html(data.content);
    }
  });
};

JSON

$array = array(
  'id' => $data->id,
  'date' => date("F d, Y", strtotime($data->timer)),
  'author' => $data->creator,
  'time_to_read' => $data->timeread,
  'title' => $data->title,
  'content' => htmlspecialchars($data->content),
);

header('Content-Type: application/json');
echo json_encode($array);

解释

一切都很好,我可以回报任何我想要的东西。但是,我在数组中的内容键有很多html标签,类,id和其他东西。返回data.content时,它返回带引号的值作为第一个和最后一个字符。看起来,它以简单的文本/字符串形式返回。

问题:

如何,我可以返回data.content的正确值并使用所有正常工作的html标记插入#content吗?

抱歉英语不好,谢谢你的答案。

1 个答案:

答案 0 :(得分:1)

试试这个 -

    var load = function (url) {
      $.ajax({
        type: "GET",
        dataType: "json",
        url: url,
        data: {'url': url},
        success: function(data) {
           var string = ($.parseHTML(data['content'])[0]).data;
           $('#content').html(string);
        }
      });
    };