How to access array sending from controller to ajax success?

Question

as i am new to codeigniter and ajax please can any one do favor for me.I am sending array from my controller to ajax function but how can i access that array element.I am posting here my code. Thanks in advance.

public function index()
{
    $Modules = $this->General_model->AllMoudules();
    $data['result'] = $this->printTree($Modules);
    $output = array(
    'html'=>$this->load->view("Add_user",$data),
    'data' => $data
    );
    echo json_encode($output);
}

and ajax function

$("#user").on("click",function(){      
var url=static_url+'/User';
$.ajax({
        type:"POST",
        url:url,

        success:function(output)
        {
           $(output).each( function (index, o) {
           alert (o.data);

         });
        }

  });

});

And what isn't working? When you use your browser's debugging tools, what is the value of output in the success function? — David
– David, Commented Jun 21, 2017 at 13:08
just check first your output by; console.log(output). in console by inspecting element. Then you can understand this easily how to function on data. — Deepak Dholiyan
– Deepak Dholiyan, Commented Jun 21, 2017 at 13:08
you can also put die('hello'); in controller for checking that this is calling or not. — Deepak Dholiyan
– Deepak Dholiyan, Commented Jun 21, 2017 at 13:10
thanks for reply as you say to check console.log(output) i did that whole html code is appearing in it because i am sending it in array named output but i want to access first array element and second array element seperatly — user7596840
– user7596840, Commented Jun 21, 2017 at 13:13
add header('Content-type: application/json') to your controller's method. — Kisaragi
– Kisaragi, Commented Jun 21, 2017 at 14:13

Komal K. · Accepted Answer · 2017-06-21 13:14:13Z

2

controller:

  public function index()
        {
            $Modules = $this->General_model->AllMoudules();
            $data['result'] = $this->printTree($Modules);
            $output = array(
            'html'=>$this->load->view("Add_user",$data,true),
            'data' => $data
            );
            echo json_encode($output);
        }

**Javascript:**

$("#user").on("click",function(){      
var url=static_url+'/User';
$.ajax({
        type:"POST",
        url:url,

        success:function(output)
        {
          console.log(output.data);
          console.log(output.html);

         });
        }

  });

Try this.

answered Jun 21, 2017 at 13:14

Komal K.

4802 silver badges14 bronze badges

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

Comments

parth · Accepted Answer · 2017-06-21 13:15:01Z

1

To load view in the string you have add third parameter to load view as below:

$output = array(
    'html'=>$this->load->view("Add_user", $data, true),
    'data' => $data
);

To access your ajax response try the below code

success:function(output)
{
    console.log(output.html);
}

answered Jun 21, 2017 at 13:15

parth

1,9203 gold badges22 silver badges32 bronze badges

Comments

Swati · Accepted Answer · 2017-06-22 05:59:53Z

1

Just get the length of array using array.length. Then for loop it

answered Jun 22, 2017 at 5:59

Swati

2910 bronze badges

Comments

rahul singh · Accepted Answer · 2017-06-21 13:20:21Z

0

You should use ajax datatype as json like this

$.ajax({
        type:"POST",
        url:url,
        dataType: 'json',
        success: function (data) {
            alert(data.key);
        }
    });

answered Jun 21, 2017 at 13:20

rahul singh

4491 gold badge3 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to access array sending from controller to ajax success?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related