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解决方案

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

     })
  })
})