Question

我是codeigniter的新手，但试图开发简单的CMS。我的问题是我在主CMS视图中有一个侧栏，其中有几个链接到其他视图，我想要做的是加载中心div中主CMS视图中的所有链接，而不是每次都转到另一个页面。我知道我可以通过ajax完成这项任务，但不知道如何在CODEIGNITER上做到这一点。根据我的知识，这就是我想要的方法。

 <script type="text/javascript">
    function onLinkClick(value){
    jQuery('#mang_server').load(value, 
      function(){alert('Content Successfully Loaded.')} 
                        );
    }

    </script>

<body>
<div id="main">
  <div id="header"> <a href="" class="logo"><img src="../img/logo.gif" width="101" height="29" alt="" /></a>
<div id="middle">
    <div id="left-column">
      <h3>Header</h3>
      <ul class="nav">
      <?php foreach($ops as $operations)
        {$op_name = $operations['admin_op'];
         $op_link = $operations['link_to'];
        ?>
        <li><a href="" id="" onclick="onLinkClick('<?php echo $op_link ;?>')"><?php echo $op_name ;?></a></li>
        <?php } ?>
      </ul>

Answer 1

在codeigniter中查看ajax的这个简单示例：

$.ajax({
     url: '<?php echo base_url() ?>/controller_namer/method_name', 
     type: 'POST', 
     data: {view_param: "sidebar_html"}, 
     success: function(response){
         $('#div_id').html(response);
     }

});

现在转到controllers / controller_name.php并创建方法method_name;

function method_name() {

    // Get Post Data
    $View_Name = $this->input->post("view_param");

    $this->load->view($View_Name);

   // Alternate is create your html here
   // ......
}

希望这会对你有所帮助。

Answer 2

@jogesh_pi

查看部分：

<script>
    function onLinkClick(value){
    /*Query('#mang_server').load(value, 
                                function(){alert('Content Successfully Loaded.')} 
                        );*/
            $.ajax({
         url: '<?php echo base_url() ?>/admin/load_view/', 
         type: 'POST',
         data: {view_param: "value"},
         success: function(response){
             //$('#mang_server').html(response);
            alert("response recieved");
         }
    enter code here

    });         


    }
</script>

<li><a href="" id="" onclick="onLinkClick('<?php echo $op_name ;?>')"><?php echo $op_name ;?></a></li>

控制器部分：admin

public function load_view($view_name){

$data['view_link'] = $this->admin_model->load_view_model($view_name);
$this->load->view($data);




}

模型部分：load_view_model

public function load_view_model($view_name){

$this->db->where('admin_op',$view_name);
$query = $this->db->get('admin_operations');

if($query->num_rows()>0){

foreach($query->results() as $rows ){

$data['link'] = $rows->link_to;

}

return $data->result_arrays();




}


}

使用Codeigniter中的AJAX在同一页面上加载div内容

2 个答案: