How to get the value of Ajax response in jQuery

Question

I am working with ajax and Codeigniter, I send a request by ajax to the controller and get a response like the below code:-

Controller Response:-

array(1) {
  [0]=>
  object(stdClass)#29 (1) {
    ["absent"]=>
    string(1) "4"
  }
}

the question is here that how can I get 4 from the response?

ajax call:-

 $('#staff').change(function(){
    let staff_id  = $(this).val();
    let month = $('#month').val();

    $.ajax({
        url:base_url+'hr/home/getStaffAbsentDay',
        type:'POST',
        data:{
            'staff_id':staff_id,
            'month':month
        },
        success:function(response){
            console.log(response);
            
        }
    })
});

Controller:-

public function getStaffAbsentDay(){
    $id =$this->input->post('staff_id');
    $month=$this->input->post('month');
    $this->stuff_model->get_staff_absent_days($id,$month);
}

Model:-

public function get_staff_absent_days($id,$month){
  $year =jDateTime::date('Y',false,false,true,'Asia/Kabul');
  $this->db->select('absent'); 
  $this->db->from('staff_attendance');   
  $this->db->where('staf_id', $id);
  $this->db->where('year', $year);
  $this->db->where('month', $month);
  $d=$this->db->get()->result();
  return json_encode($d);
}

`response` is an array with an object. Just use the regular ways to access the elements/properties of those data types. — Andreas, Oct 27 '20 at 09:13
Have a look at a tutorial on how to work with arrays/objects. — Andreas, Oct 27 '20 at 09:16
@Zia Yamin please change in your model also , see my answer. — KUMAR, Oct 27 '20 at 10:42

KUMAR · Accepted Answer · 2020-10-27T11:09:50.327

3

Model:-

public function get_staff_absent_days($id,$month){
  $year =jDateTime::date('Y',false,false,true,'Asia/Kabul');
  $this->db->select('absent'); 
  $this->db->from('staff_attendance');   
  $this->db->where('staf_id', $id);
  $this->db->where('year', $year);
  $this->db->where('month', $month);
  $d=$this->db->get()->result();
  return $d;
}

Controller function:-

   public function getStaffAbsentDay(){
        
        $id =$this->input->post('staff_id');
        $month=$this->input->post('month');
   
   $your_array__data = $this->stuff_model->get_staff_absent_days($id,$month);
      echo json_encode($your_array__data);
   
}

jQuery / Ajax Call :-

and Now Your response will be a JS array instead of a string Format.

  success:function(response){
     var data = JSON.parse(response);
      console.log(data[0].absent)
      // $('#staffAbsentDays').html('success')
   }

edited Oct 27 '20 at 11:09

answered Oct 27 '20 at 09:32

KUMAR

1,993
2
9
26

this not worked bro! it says: Unexpected token s in JSON at position 0 at JSON.parse – Zia Yamin Oct 27 '20 at 10:00
I used this ``data = JSON.parse(JSON.stringify(response));`` and now it brings ``string(16) "[{"absent":"4"}]"`` – Zia Yamin Oct 27 '20 at 10:03
I updated my question, please take a look, and also I tried your code and said the error in first comment – Zia Yamin Oct 27 '20 at 10:18
now the response is ``[{"absent":"4"}]``, so how can I get ``4``? – Zia Yamin Oct 27 '20 at 10:28
this ``console.log(data[1])`` return ``{`` for me – Zia Yamin Oct 27 '20 at 10:34
@Zia Yamin now check my ajax response. – KUMAR Oct 27 '20 at 10:35
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/223688/discussion-between-kumar-and-zia-yamin). – KUMAR Oct 27 '20 at 10:46

score 2 · Answer 2 · answered Oct 27 '20 at 09:25

It looks like your PHP is using var_dump to output its data. This is a debugging tool for PHP. Don't use it to write APIs!

Output the data using a standard format instead:

header("Content-Type: application/json");
echo json_encode($your_data);

Then response will be a JS array instead of a string.

How to get the value of Ajax response in jQuery

2 Answers2