Jquery ajax parse html from json response

Question

Мне нужно выбрать div по id из html в json response.

В стороне сервера:

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 в ответ, все было функциональным. Я не могу понять правильное решение даже после нескольких часов исследований. Может ли кто-нибудь мне помочь?

=== UPDATE 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);