ajax jquery不返回选择查询结果

Question

So, I have a textfield n my view file that gets the employee code and jquery calls a function in the controller for employees details to fill in some fields in the same view page immediately. But I am stock and nothing is really happening, see in my codes and help me do it. Thank you!

jquery:

$('#employee_code').change(function(){  
    var em_code = $('#employee_code').val();
    if (em_code != ""){
        var post_url = "<?php echo base_url();?>index.php/it_inventory/get_employee_details/" + em_code;
        $.ajax({
            type: "POST",
            url: post_url,
            success: function(name,position,department) 
            {
                $('#employee_name').val(name);
                $('#employee_position').val(position);
                $('#employee_department').val(department);
            }
        }); 
    }          
});

CI controller:

function get_employee_details($em_code="") {
        header('Content-Type: application/x-json; charset=utf-8');
        echo(json_encode($this->it_inventory_model->get_employee_details($em_code)));
    }

CI Model

function get_employee_details($em_code){
        $q = "select name,position,department from employees where code=?";
        $query_em_detail=$this->db->query($q,$em_code);

        $outputs = array();

        if($query_em_detail->result()){
            foreach ($query_em_detail->result() as $output) {
                $outputs['name'] = $output->name;
                $outputs['position'] = $output->position;
                $outputs['department'] = $output->department_code;
            }
            return $outputs;
        } else {
            return FALSE;
        }
    }

Answer 1

you should add dataType in your ajax request, like:

$.ajax({
   type: "POST",
   url: post_url,
   dataType: "json",
   success: function(data) {
      console.log(data); //response from your controller
      console.log( data.name); //to get name
   },
   error: function() { alert("Something went wrong!"); }
});

and controller:

function get_employee_details($em_code="") {
  header('Content-Type: application/json',true);
  echo(json_encode($this->it_inventory_model->get_employee_details($em_code)));
}

Answer 2

I think success: function(name,position,department) should be success: function(result) . Then you need to use result.name , result.position etc

success: function(result) {
    $('#employee_name').val(result.name);
    $('#employee_position').val(result.position);
    $('#employee_department').val(result.department);
}