Codeigniter and AJAX console.log(result) shows undefined

Question

Console.log(result) shows undefined when I open my console in firefox. Is there something wrong with the returned json?

Here is my script:

function load_contents(track_page) {
    $('#loading').show();
    $.ajax({
        url:'<?php echo base_url('gallery/load_design');?>',
        type:'GET',
        dataType:'json',
        success:function(result) {
            console.log(result);
            alert("success");
        },
        error:function(result) {
            console.log(result);
            alert("failed");
        }
    });
}

My controller:

public function load_design() {
    $this->load->model('design');
    $this->load-model('profile');

    $user_id = $this->profile->retrieve_userid();

    $result = $this->design->load_gallery($user_id->id);

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

My model:

function load_gallery($user_id) {
    $data = array();

    $query = $this->db->query("SELECT * from designs WHERE user_id = '".$user_id."' LIMIT 9");
    return $query->result();
}

Answer 1

Try this..

Controller

public function load_design()
{
    $this->load->model(array('design','profile'));

    $user_id = $this->profile->retrieve_userid();

    $result = $this->design->load_gallery($user_id->id);

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

Model:

function load_gallery($user_id)
    {
        $data = array();

        $this->db->where('user_id',$user_id);
        $query = $this->db->get('designs',9,0);
        return $query->result_array();
    }

Answer 2

Try returning from your model like this:

$query = $this->db->query("SELECT * from designs WHERE user_id = '".$user_id."' LIMIT 9");
return $query->result_array();

Answer 3

concatnation is wrong change url single quotes to double quotes.

function load_contents(track_page) {
$('#loading').show();
$.ajax({
    url:"<?php echo base_url('gallery/load_design');?>",
    type:'GET',
    dataType:'json',
    success:function(result) {
        console.log(result);
        alert("success");
    },
    error:function(result) {
        console.log(result);
        alert("failed");
    }
});

}