codeigniter通过单击锚点更改内容而不刷新页面

Question

I need to change only my webpage content without refreshing the page,

view

<a href="<?php echo site_url('site2/getBranchDetails/'.$row_bank->branch_id.''); ?>"><?php echo $row_bank->bank;  ?></a>

this link is on my nav bar,when I click this link I need to change content, there need to pass id to my controller,

controller

 public function getBranchDetails($b_id){
        $this->load->model('bank_account_model');
        $data['results'] = $this->bank_account_model->getAccount($b_id);
    }

and data in the result array should be view in the view content,I need ajax soution

Answer 1

Your anchor

<a href="javascript:;" class="branch" alt="123">CLick me</a>

the PHP

public function getBranchDetails(){

    $b_id = $this->input->post('branch_id');
    $this->load->model('bank_account_model');
    $data = $this->bank_account_model->getAccount($b_id); //suppose its ->result();

    $rows  ='<ul>'; //i use ul, use table if u want
    foreach($data as $r){

        $rows .='<li>'.$r->branch_city.'</li>';
        $rows .='<li>'.$r->branch_name.'</li>';
    }
    $rows .='</ul>';


   echo json_encode(array('data'=>$rows));
}

here's the jquery/ajax

$(function(){

 $(".branch").click(function(){

    var branch_id = $(this).attr("alt");

    $.ajax({

     url : 'your_url/getBranchDetails',type:'post',dataType:'json',
     data: {branch_id:branch_id},
     success:function(result){

        //fetch result.data
         alert(result.data); //do it yourself from here 
         //(append it somewhere)
         $('body').append(result.data);
      }

     })
  })
})