從笨查詢到JavaScript的日誌

Question

我需要從我的笨傳遞一個查詢到的JavaScript控制檯登錄，以便查看我的數據在JavaScript，所以我有我的模型

public function getChartData() 
{ 
    $this->db->select('Month,Completion_Percentage'); 
    $this->db->from('monthlyreport'); 
    $this->db->order_by('Project_No', 'asc');  
    $query = $this->db->get(); 
    $result = $query->result(); 

    $data_List = array(); 
    foreach ($result as $row) 
    { 
    $data_List[] = $row->Month; 
    $data_List[] = $row->Completion_Percentage; 
    } 
    return $data_List; 

} 

我的控制器：

public function monthlyReport() 
{ 
    $this->load->view('monthlyReport'); 
} 

和內部腳本：

<script type="text/javascript"> 
     $(document).ready(function){ 
     $.ajax({ 
     method: 'GET', 
     url: '<?php echo site_url('main/chart_api')?>', 
     success: function (data) { 
      console.log(data); 
     }, 
     error:function(data) { 
      console.log(data); 
     } 
     }); 
    } 

，它應該去：

public function chart_api() 
{ 
    $data_List = $this->foo_pro->getChartData(); 
    echo json_encode($data_List); 
} 

，它顯示未捕獲的SyntaxError的控制檯錯誤：意外的令牌

Answer 1

您NEDD添加數據類型：「JSON」在Ajax和

you have echo json_encode($data_List); 
not return json_encode($data_List); 

$.ajax({ 
     method: 'GET', 
     dataType:"JSON", 
     url: '<?php echo site_url('main/chart_api')?>', 
     success: function (data) { 
      console.log(data); 
     }, 
     error:function(data) { 
      console.log(data); 
     } 
     });