How to separate view and data in Ajax response from codeigniter controller

Question

I am sending data and view from CodeIgniter controller to Ajax using code

$this->load->model('query_mainmodel');
$data['result'] = $this->query_mainmodel->getcategories();  
print $this->load->view('add_content',$data,true);

and in Ajax I have

$.ajax({
     url: url,
     type: 'POST',
     dataType: "text",
     success: function (response) {
       tabID.html(response); //now this time response contains html only
     }
});

I got HTML in response,How can I get data from ajax?

now value of data in Ajax response is html,I edited code in ajax (data to response )for avoid confusion — CLIFFORD P Y
– CLIFFORD P Y, Commented Aug 22, 2017 at 3:05

Brian Gottier · Accepted Answer · 2017-08-22 03:30:33Z

3

You say you can get html, but now you want data. So in your controller, you can pass a view and data back as json:

$data['result'] = $this->query_mainmodel->getcategories();

echo json_encode( array(
    'view_html' => $this->load->view('add_content',$data,true),
    'data'      => $data['result']
));

Then in your JS:

$.ajax({
     url: url,
     type: 'POST',
     dataType: "json", // <- make sure to change this
     success: function (response) {
       // view HTML available like this
       console.log( response.view_html );

       // data available like this
       console.log( response.data );
     }
});

answered Aug 22, 2017 at 3:30

Brian Gottier

4,6003 gold badges24 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Brian Gottier Over a year ago

By the way, you can do this for many things. Try it with 5 or 10 things. It is very powerful.

Collectives™ on Stack Overflow

How to separate view and data in Ajax response from codeigniter controller

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related