html页面返回json数据为空,从json返回html数据时遇到问题

我有jquery post功能

jQuery('.more-button').live('click', function(eve){

var page = jQuery(this).attr('id').replace('more-button-','');

loaded_messages += 1;

jQuery.post('http://127.0.0.1/auth_system_1/user_activity/users_picture_number', { loaded_messages : loaded_messages }, function(data) {

jQuery('#ajax_content').append(data.html);

}, 'json');

});

我的php函数返回json(我使用Codeigniter)：

function users_picture_number()

{

$per_page = (int)$this->input->post('loaded_messages');

$user_id = 3;

$data['images_list'] = $this->user_activity_lib->users_pictures($user_id, $per_page);

$html = $this->load->view('front_end/ajax/ajax_users_pictures', $data);

echo json_encode(array('html' => $html));

}

json返回响应html代码，但在顶部显示此行{"html":null}

它返回给我：

如果我将此行$html = $this->load->view('front_end/ajax/ajax_users_pictures', $data);替换为$html = $this->load->view('front_end/ajax/ajax_users_pictures', $data, true);，则返回

我尝试在jQuery中显示返回json的html('＃ajax_content')

如何解决这个问题？