jQuery ajax从json响应解析html

Question

我需要从json响应中的html通过id选择一个div。

在服务器端：

    ob_start();

    extract($this->validate($this->data));
    require("classes/View/". $this->view . ".phtml");

    $content = ob_get_contents();
    ob_end_clean();

    header('Content-type: application/json');

    echo json_encode(array(
        'messages' => $this->data["messages"],
        'content' => $content
));

并在客户端：

    $.ajax({  
        type: "POST",  
        url: o.url ,
        dataType: "JSON",
        data: o.ajax_data,
        success: function(response) {
                    $("#mydiv").html($(response.content).find("#mydiv"));
        }
    });

以前，当我将HTML用作dataType并返回纯HTML作为响应时，所有功能都已正常运行。 经过数小时的研究，我仍然找不到正确的解决方案。 有人可以帮我吗？

===更新1 ===

console.log（response.content）=> {“消息”：[]，“内容”：“在此处完成转义的html网站”}

Answer 1

您正在将#mydiv （响应中的占位符元素）放入DOM占位符#mydiv 。 您可能要做的是将#mydiv内容从响应放入占位符。

假设您的response.content是格式正确的html代码，那么它应该可以工作：

var content = $(response.content).find("#mydiv").html(); // get html of #mydiv in response
$("#mydiv").html(content);