簡體   English   中英

在Codeigniter中使用AJAX在同一頁面上加載div內容

[英]Load div content on same page using AJAX in Codeigniter

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

讓我們看一下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
   // ......
}

希望這會幫助你。

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




}


}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM