在Codeigniter中使用AJAX调用加载表

时间:2015-11-08 07:11:55

标签: php ajax codeigniter

我在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> 

但我希望使用点击事件来展示这个..比如

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

  }

Model_data类

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

1 个答案:

答案 0 :(得分:0)

首先使用其他方法调用getAll_categories()。像

Xyz.php文件(控制器)

public function get_cat(){  
  $data = $this->Model_data->getAll_categories(); 
  $html  = ''; 
  foreach($data as $d){
    $html .= '<li>'.$d['cat_name'].'</li>';
  } 
 echo $html;
 }

jquery代码

$('.show_catg').click(function(){
  url: site_url('xyz/get_cat'),
  type:'post',
  dataType: 'html',
  success: function (response) {
      $('#suggestion').show().html(response);
   },
});

getAll_product()方法

的类似方式进行操作