Form edit modal data is empty

See more:

Javascript

Ajax

CodeIgniter

i have problem with modal ajax in form edit
my controller:

public function edit()
	{
		$id=$this->uri->segment(3);
		
		
		$data=array(
		'project' => $this->m_inputactivity->get_project(),
		'actype' => $this->m_inputactivity->get_actype(),
		'detail' => $this->m_inputactivity->per_id($id),
		'details'=> $this->m_inputactivity->show_employee($this->session->userdata('nik')),
		);
		
		
		$this->output
                ->set_content_type('application/json')
                ->set_output(json_encode($data));
	}

my view:

<a title="Edit" class="btn btn-outline btn-circle btn-sm purple">
 Edit </a>
										
										
										
										
<!-- begin pop update activity -->
			<div class="modal fade left" id="modal_form"> 
			<div class="modal-dialog"> 
			<div class="modal-content"> 
			
				<div class="modal-header"> 
					<h3 class="pull-left no-margin">Edit Activity</h3>
					<button type="button" class="close" data-dismiss="modal" title="Close"><span class="glyphicon glyphicon-remove"></span>
					</button> 
				</div> 
				<div class="modal-body">
				
					<form class="form-horizontal" role="form" method="post" action="input_activity/update"> 

					<div class="form-group"> 
						<label for="name" class="col-sm-3 control-label">Kategori:</label> 
						<div class="col-sm-9"> 
						
							
						</div> 
						</div> 
					<div class="form-group"> 
						<label for="activity" class="col-sm-3 control-label">Rincian Kegiatan: </label> 
						<div class="col-sm-9"> 
							<textarea class="form-control" rows="3" name="activity_name"  required></textarea>
						</div> 
					</div> 
					<div class="form-group"> 
						<label for="project" class="col-sm-3 control-label">Peruntukkan:</label> 
						<div class="col-sm-9"> 
						 
						
						</div> 
					</div> 
					<div class="form-group"> 
						<label for="portion" class="col-sm-3 control-label">Bobot:</label> 
						<div class="col-sm-4"> 
						
							<input class="form-control" name="portion"  required>
							<input name="activity_detail_id" type="hidden" id="activity_detail_id">
						</div> 
					</div> 
					<div class="form-group"> 
					<div class="col-md-offset-3 col-md-5">
						<button type="submit" class="btn green">
						  ^__i class="fa fa-save"> Update</button>
						 <button type="button" class="btn default" data-dismiss="modal">Cancel</button>
					</div>
					</div> 
					</form>

				</div>
				<div class="modal-footer"> 
					
				</div> 
			</div> 
			</div> 
			</div>
<script type="text/javascript">
function edit(id)
{
   
    $.ajax({
        url : "/" + id,
        type: "GET",
        dataType: "JSON",
        success: function(data)
        {

           
			
            $("[name='actype']").val(data.actype);
            $("[name='activity_name']").val(data.activity_name);
			$("[name='project']").val(data.project);
            $("[name='portion']").val(data.portion);
            $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
            

        },
        error: function (jqXHR, textStatus, errorThrown)
        {
            alert('Error get data from ajax');
        }
    });
}

function reload_table()
{
    table.ajax.reload(null,false); //reload datatable ajax 
}
</script>

my model:

function per_id($id)
	{
		
		$this->db->where('activity_detail_id',$id);
		$query=$this->db->get('t_trx_activity_detail');
		return $query->result();
	}

What I have tried:

i have tried but actually data still empty when pop up edit show