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

Question

我只需要更改网页内容，而无需刷新页面，

视图

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

该链接位于我的导航栏上，当我单击该链接时，我需要更改内容，需要将ID传递给我的控制器，

控制者

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

并且结果数组中的数据应该在视图内容中查看，我需要ajax soution

Answer 1

你的锚

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

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));
}

这是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);
      }

     })
  })
})