AJAX無法在Codeigniter中加載同一DIV中的頁面

Question

我正在嘗試在codeigniter中開發簡單的CMS。在主視圖中，有幾個指向其他頁面的鏈接，但我希望所有頁面在指定DIV內的同一視圖中打開，而不必為每個頁面加載（AJAX LOADING）。 我嘗試使用AJAX調用來實現此目的，但很累找出它為什么對我不起作用。 每當我單擊鏈接時，都只需從作為LOGIN_VIEW的控制器的索引方法中加載視圖。 這是我的cms視圖和鏈接

<script type="text/javascript">
        function onLinkClick(value){
            alert('<?php echo base_url() ?>admin/load_view/'+value);
            $.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");
                 }
            }); 
            alert('after response');    
        }
</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>
                <div id="mang_server"> </div>

這兩個警報都在起作用...但是ajax調用混亂了。

這是我的控制器方法

public function index()
{
  if($this->session->userdata('admin_name'!='')){
    $this->data['title'] = "Admin Area";
    $this->data['ops'] = $this->admin_model->get_admin_ops();
    $this->load->view('admin_view.php',$data);
  } else {
    $data['title'] = "Admin login";
    $this->load->view('admin_login.php',$data);
  }    
}

public function load_view($view_name)
{      
   $data['view_link'] = $this->admin_model->load_view_model($view_name);
   $this->load->view($data);
}

請告訴我我正在犯什么錯誤。

Answer 1

您以錯誤的方式進行操作，請考慮以下代碼以通過ajax加載視圖

Javascript部分：

 $.ajax({

             url: '<?php echo base_url() ?>admin/load_view/', 
             type: 'POST',
             dataType:'json',
             data: {'view_param': value},
             success: function(response)
             {

                $('#mang_server').html(response.html_view);

             }
 });

管理員：

public function load_view($view_name){

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

  // IF $data['view_link'] is the name of the view file you are trying to load
  $response['html_view']$this->load->view($data['view_link'],'',TRUE);
  // While loading a view in codeigniter it accepts three parameters
  // $this->load->view("name of the view file","data to be passed to the view or not","Returning views as data");
 // For more refer at the end of the page http://ellislab.com/codeigniter/user-guide/general/views.html
  echo json_encode($response);
}

AJAX無法在Codeigniter中加載同一DIV中的頁面

問題描述

1 個解決方案

解決方案1
0 2014-03-03 09:16:24

AJAX無法在Codeigniter中加載同一DIV中的頁面

問題描述

1 個解決方案

解決方案1 0 2014-03-03 09:16:24

解決方案1
0 2014-03-03 09:16:24