在Codeigniter中使用AJAX调用加载表

我在views文件夹中有三个视图文件，我想通过使用ajax调用点击链接按钮来显示类别表和产品表。。。input.php显示两个表数据

<div class="wrapper">
    <div class="container">
        <div class="jumbotron">
         <h1>View Two Records By Click Event</h1>
        </div>
    <div id="show-catg">  
        <?php $this->load->view('show'); ?> 
    </div>  
    <div id="show-prd">  
         <?php $this->load->view('show_pro'); ?> 
    </div> 

但我想用click事件来显示这一点。。像

<a href="" class="show_catg">Categories</a> 
<a href="" class="show_prd">Product</a>
$('.show_catg').click(function(){
  url:,
  data:,
});
$('.show_prd').click(function(){
  url:
  data:
});

这是可能的控制器类功能

  public function index(){  
    $data= $this->Model_data->getAll_categories();  
    $data1 = $this->Model_data->getAll_product();
    $Dataa = array('categories' => $data,"products"=>$data1);
    $this->load->view('input',$Dataa); 
  }

型号_数据类

  function getAll_categories(){  
    $this->db->select('*');  
    $this->db->from('categories');  
    $this->db->limit(50);  
    $this->db->order_by('Catg_ID','ASC');  
    $query = $this->db->get();  
    return $query->result();  
  }  
public function getAll_product(){  
    $this->db->select('*');  
    $this->db->from('product');  
    $this->db->limit(50);  
    $this->db->order_by('Prod_ID','ASC');  
    $query = $this->db->get();  
    return $query->result();  
  }