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

Question

我是Codeigniter的新手，但尝试在其上开发简单的CMS。 我的问题是我在CMS主视图中有一个侧栏，其中有一些指向其他视图的链接，我要做的是将CMS主视图中的所有链接加载到center div中，而不是每次都转到另一个页面。 我知道我可以通过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 个解决方案

解决方案1
0 2014-02-27 07:26:56

解决方案2
0 2014-02-28 07:06:22

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

问题描述

2 个解决方案

解决方案1 0 2014-02-27 07:26:56

解决方案2 0 2014-02-28 07:06:22

解决方案1
0 2014-02-27 07:26:56

解决方案2
0 2014-02-28 07:06:22